React from Scratch

This repository is aimed at exploring various methodologies and practical usage of React, whilst ceaselessly searching for better ways to construct sustainable and scalable react-components.

If you are moire interested in the history of my project,

please visit my blog post here

React version: react@18.2.0

Configuration History

1. Install react

yarn add react react-router-dom

Directory structure so far

src
|- App.js
|- index.js
.gitignore;
package-json
package-lock.json

Write pacakge.json by

• npm Docs
• Yarn Docs

Change index.js

Write index.js code with createRoot API function of React

reference: createRoot

//index.js
import { createRoot } from 'react-dom/client';
import App from './App';

const domNode = document.getElementById('root');
const root = createRoot(domNode);

root.render(<App />);

Webpack

yarn add webpack webpack-cli -D
npx webpack init