ReactJS Road-map For Beginners-2022
1 BASIC HTML, CSS & JS
HTML
The first pillar & is the most essential skill for web developers as it provides the structure for a web page.
CSS
CSS is the second pillar of web development and is used to make your web pages good.
JS Fundamentals
The third pillar of web development for making your web pages interactive.
Get familiar with the syntax and learn basic operations on DOM.
Learn mechanisms typical for JS ( Hosting, Event bubbling, prototyping).
Make some AJAX (XHR) calls and learn new features ( ECMA Script 6+).
Additionally, get familiar with the JQuery library.
2 General Development Skills
Learn Git, create some repositories on GitHub, and share your code with others.
Know HTTPS) protocol, request method (GET, POST, PUT, PATCH, DELETE, OPTIONS).
Don’t be afraid to use Google, Google’s powerful search function.
Get familiar with the terminal, and configure your shell ( bash, zsh, fish ).
Read many books about algorithms and data structures.
Read many books about design patterns.
3 Learn React on the official website of React JS or complete some courses.
4 Get familiar with the tools you will use.
Here are some of the build tools:
Package Managers
npm
Yarn
Pnpm
Task Runners
npm scripts
gulp
webpack
rollup
parcel
5 Styling
1 CSS Preprocessor
Sass/CSS
Less
Stylus
2 CSS Frameworks
Bootstrap
Materialize, Material UI, Material Design Lite
3 CSS in JS
Styled Components
Radium
Emotion
6 State Management
Component state/Context API
Redux
MobX
Recoil
7 Type Checkers
PropTypes
TypeScript
Flow
8 Form Helpers
Redux Form
Formik
Formsy
Final Form
9 Routing
React-Router
Router-5
redux-First Router
Reach Router
10 API Clients
REST
Fetch
Axios
graphql
Apollo
Relay
Urql