The creation of reusable UI components is the core in React JS. In some cases React visualizes as the view of MVC offering a simpler programming model and better performance. React components can also run on the server using Node.
Course Content
- Introduction to ReactJS:-What is ReactJs?, Why ReactJs?, Environment Setup.
- JSX:-Using JSX, Nested Elements, Attributes, JavaScript Expressions, Styling, Comments, Naming Convention
- Components:-Bootstrap Templates, Understanding Component LifeCycle, Multiple Components in ReactJS, Reusable Components, Stateless, Stateful, Creating React Js Component, Class Component, Rendaring Component.
- State:-Properties vs. State, Setting Initial State, Setting State, Replacing State, Avoiding State.
- Props:-Using Props, Default Props, Combine State and Props, Validating Props,
- Typechecking:-Typechecking With PropTypes, Static Type Checking.
- Refs and the DOM:-When to Use Refs, Creating Refs, Accessing Refs, Adding a Ref to a Class Component, Exposing DOM Refs to Parent Components, Callback Refs, String Refs, Caveats with callback refs.
- Component API:-Force Update, Find Dom Node.
- Forms:-Controlled Components, Tags, Handling Multiple Inputs, Controlled Input Null Value.
- Conditional Rendering:-Element Variables, Inline If with Logical && Operator, Inline If-Else with Conditional Operator, Preventing Component from Rendering
- Events:-Handling Events, Passing Arguments to Event Handlers, Child Events.
- Lists and Keys:-Basic List Component, Using Keys, Extracting Components with Keys, Embedding map().
- Router:-Install a React Router, Add a Router.
- Lifting State Up:-Adding a Second Input, Conversion Functions, Child Events.
- Flux :-Flux Elements, Flux Pros, Child Events, Install Redux, Actions, Reducers, Store, Root Component.
- Animations:-Install React CSS Transitions Group, Add a CSS file, Appear Animation, Enter and Leave Animations.
- Composition:-Composition Patterns, Higher-Order Component (HOC), Composition vs Inheritance.
- Code-Splitting:- import(), Libraries, Route-based code splitting
