React Redux
Learn how to up-skill your JavaScript skill set to improve workflows. This course will lead you to master with Reactjs architecture and components, Fundamentals of React with Redux, Async flow of redux, Redux testing and routing, Async actions, Data flow usage with react.
React Redux
During this course tenure, you will learn how to upskill and become a successful client-side application developer. This training enables you to gain knowledge of Webpack, React Router,Async flow, and Async action, and build single-page applications easily & effectively. You will learn each concept and have practical executions with real-time examples. To upgrade yourself from junior level to senior and executive, this is the course of your choice. You will become a modern asset to the coding teams.
Student Journey
Soon after enrolling in the course, you will be trained by professionals experienced with 14+ of experience. This course is designed for Web developers, UI developers, and Front end developers. If you have prior knowledge of Reactjs, HTML, CSS, Javascript it would be fetching,Now get ready to take a deep dive into the advanced concepts with this course. Finally, this course will lead you to an opportunity to become a senior developer. At the end of the course,you will gain knowledge in building web applications, react compositional models, Managing your data with Redux, Building interactive web pages with components.
Course Content
Chapter 1 : Welcome to React
- Obstacles and Roadblocks
- React’s Future
- Keeping Up with the Changes
- Working with Files
Chapter 2 : Emerging JavaScript
- Declaring Variables in ES6
- Arrow Functions
- Transpiling ES6
- ES6 Objects and Arrays
- Promies
- Classes
- ES6 Modules
Chapter 3 : Functional Programming with Javascript
- What is means to Be Functional
- Imperative Versus Declarative
- Functional Concepts
- Immutability
- Pure Functions
- Data Transformations
- Higher-Order Functions
- Recursion
- Composition
Chapter 4 : Pure React
- Setup
- The Virtual DOM
- React Elements
- ReactDOM
- Children
- Constructing Elements with Data
- React Components
- Dom Rendering
Chapter 5 : Props, State, and the Component Tree
- Property Validation
- Refs
- React State Management
- State Within the Component Tree
Chapter 6 : The Component LifeCycle
- Meet the Lifecycle Methods
- See the Lifecycle methods in Action
- The Initial Rendering Phase
- The Updating Phase
- The Unmounting Phase
Chapter 7 : Redux
- State
- Actions
- Reducers
- The Store
- Action Creators
- Middleware
Chapter 8 : React Redux
- Explicitly Passing the Store
- Passing the Store via Context
- Presentational Versus Container Components
- The React Redux Provider
- React Redux connect
Chapter 9 : React Router
- Incorporating the Router
- Nesting Routes
- Router Parameters
Chapter 10 : Hooks
- Introduction to Hooks
- State Hook
- Effect Hook
- Rules of Hooks
- Hooks API
Chapter 11 : Node JS (Express Framework)
- Introduction to Node js
- Express Framework
- Accessing API from Browser
- Data Source
- Connect to database
- Performing CRUD operations
Chapter 12 : React and Integration Testing
- We will learn about Test Driven Development
- Get to know about techniques to write test cases and its importance
- Introduction to libraries: ESLint, Jest, Enzyme and Mocking
- Performing Snapshot Testing
Project 1: Building a Todo list App
- Getting Started
- Creating the UI
- Creating the Functionality
- Initializing our State Object
- Handling the Form Submit
- Populating Our State
- Displaying the Tasks
- Adding the Finishing Touches
Project 2: Fullstack Web App
We will be creating a Fullstack LMS Web Application to put your knowledge on into action. In the exercise we will be using class and functional components. We will be using Express framework, Bootstrap and MySql Database to build our exercise. Our UI will interact with HTTP server using API’s.
