React Js
Beginners
On Demand
Online
- Rech JS Tutorial | Javatpoint https://www.javatpoint.com/reactjs-tutorial
- React JS | Tutorialspoint https://www.tutorialspoint.com/reactjs/index.htm
- React | W3schools https://www.w3schools.com/react/
- Getting Started With React | Taniarascia https://www.taniarascia.com/getting-started-with-react/
CLASSROOM
- React Js Training | Mindmajix https://mindmajix.com/react-js-training
- Reactjs Training | Naresh IT https://nareshit.in/reactjs-training/
- React JS | Knowledgehut https://www.knowledgehut.com/web-development/react-js
- React JS Course | Gangboard https://www.gangboard.com/app-programming-scripting/react-js-course
- Introduction To Javascript, Browsers, And DOM
- What is Event-driven programming
- What is Javascript
- Introduction to DOM
- How does the browser work
- Render-Tree construction, layout, and paint in Browser
- DOM traversal(most important part)
- Introduction To ReactJs
- What is React?
- Why ReactJS?
- Setup - React
- Structure of ReactJS Projects
- Webpack - the role of package managers or bundlers
- JSX in detail
- First React app
- ReactJs Components
- Intro to React components
- Thinking in React
- Component lifecycle
- Creating a React Component
- Rendering multiple components
- Nesting Components
- How to split an App into components
- Comparing Stateless and Stateful Components
- Understanding the Component Lifecycle
- Converting Stateless to Stateful Components
- One Component per File - how to break the app in multiple files
- How ReactJs Works Internally
- How React Updates the App & Component Tree
- Understanding React's DOM Updating Strategy
- Understanding Higher-Order Components
- Props, Events, And States
- Intro to props
- props in action adding props to reactDOM.render()
- Intro to events
- Events in action
- What is state
- Difference between props(immutable) and states
- Adding state to the component
- Track changing data in your components
- Multiple child components
- Updating state and removing component
- Creating an App using states and props
- Styling React App
- Setting Styles Dynamically
- Setting Class Names Dynamically
- Using Radium for Media Queries
- Enabling & Using CSS Modules
- Outputting Lists with ngFor
- Practicing Directives
- Mobile Considerations
Advanced
On Demand
Online
- Learn React By Itself | Reactarmory https://reactarmory.com/guides/learn-react-by-itself
- Advanced React | Codecademy https://www.codecademy.com/learn/react-102/modules/react-102-advanced-react-u
- Advanced Concepts | Reactresources https://reactresources.com/topics/advanced-concepts
CLASSROOM
- React Js Training | Mildain Trainings https://mildaintrainings.com/courses/react-js-training/
- React JS-Redux Certification | Edureka https://www.edureka.co/reactjs-redux-certification-training
- React JS Certification Training Course | Simplilearn https://www.simplilearn.com/react-js-certification-training-course
- React Js Training | Zeolearn https://www.zeolearn.com/react-js-training/schedule?delivery-type=online-classroom
- Working With React Router
- Intro to React Router
- Server vs. Client Routing
- Setting up a 404
- Linking Between Routes
- Navigating Programmatically
- Using Query Parameters
- Redirecting and Wildcard Routes
- Handling Forms In React App
- What is a web form
- Creating a Custom Dynamic Input Component
- Setting Up a JS Config for the Form
- Dynamically Create Inputs based on JS Config
- Handling User Input
- Handling Form Submission
- Adding Custom Form Validation
- Showing Error Messages
- Redux
- Understanding state management
- Complexity of Managing State
- Intro to redux
- Need for Redux
- Understanding the Redux Flow
- What is an action
- What is store
- Understanding reducer
- Understanding Provider
- Redux In Action
- Setting Up Reducer and Store
- Dispatching Actions
- Connecting React to Redux
- Connecting the Store to React
- Dispatching Actions from within the Component
- Practice - Dispatching Actions
- Passing and Retrieving Data with Action
- Switch-Case in the Reducer
- Updating State and arrays immutable
- Redux In Action Project Using React-Redux
- Installing Redux and React-Redux
- Basic Redux Setup
- Creating Ticketing App using React and Redux
- Deploying react app on server
- Wrap up let's test how much we learned so far your feedback