 |
Complete Roadmap Of Learning React |
Today in this article we cover four mager topics related to React:
1.React baisc introduction
2.All React Topic in a sequence
3.Free resources for learning React
4.Projects for Practice
1) React baisc introduction
Introduction:
React is free and open source library. React used for developing single page application for different platform's like laptop, tablet and mobiles.React maintained throught Facebook.Now React is High in demand ,it has a high community guide.For web developer's who expert in react they have high opportunities.
React is easy to learn and easy to used, its a raw and bare bone.For learning react don't need any expertise in IT After learning Vanilla Javascript and its ES6 version You can start learning React.its used for developing single page Application (you viewed a lot of single page Application's which load only ones,even if you open navbar its load on save position).its enitre work with Javascript.
For front end developer learning react do and die situation ,almost all main company's uesd react in thier projects and demand react developer.React is a Component bases library.In react developer divide one component into different parts.
React follow "write one's used every where" ,you can used react component many times in same website or onother.React developing websites are lightweight and load in notime.
All React Topic In a Sequence:
Now i tell you all topics related to react which you should learn.By folling these steps you can easily learn react.In these steps just Completes the Assignemnts ,You Will become Only a good developer if Your main focus on practice.
These topics are:
Introduction to react, react components & composing components:
- Welcome to Front End Web Development with react
- Full Stack Web Development :The Big Picture
- Setting Up your development Environment: Nodejs, npm and Git
- Introduction to react and JSX
- Configuring your react Application
- React Components
- Composting Components
- React components:State and props
- React Components:Lifecycle Methods
- Assignment 1:React Components,Jsx,composing Components,State and props
- React Components Types
- Presentational and container components
- Funtional Components
- React Router
- Single Page Application's
- React Router: Parameter's
- Assignment 2:React Router and single Page Application's
- Controlled Forms
- Controlled Forms Validations
- Uncontrolled Components
- Uncontrolled Forms
- The model view controller(MVC) Framwork
- The Flux Architecture
- Introduction To Redux
- React Reduc Forms
- React Reduc Forms Validations
- Assignment 3:React Forms and Redux
- Redux Actions
- Combining Reduces
- Reduc Thunk
- React Redux Form Revisited
- Client Server Communication
- Networking Essentials
- Setting Up a Server
- Fetch and Promises
- Fetch from Server
- Fetch handling Errors
- Fetch Post Data To Server
- React Animations
- React Animations Components
- Assignment 4:Redux,Client Server Communication and Fetch
- Introduction To Webpack
- Building and Deploying the React Application
Free Resources For learning React:
Here I provide two types resources first view video and go any website but prefair Official documentation view and edit thats topic code and try changing in this code.
Article form tutorial:
Video Tutorial:
Projects for Practice :
After learning these topic You should develop a small project.Because programming is 10% learning and 90% implementation.
- Make Social Apps like instagram
- Make E-commerce Applications
- Movies and Series Applications like Netflex
