Comprehensive React & Redux using JavaScript gives students five intensive days of hands-on practice with the latest version of React and Redux. Attendees also learn the tools used to build React applications. The course opens with modern JavaScript tooling and language features, including npm and Yarn package management and ES6 features. It then introduces React architecture, JSX, and the Virtual DOM. From there, attendees build interactive interfaces with components, props, and events. They then move into Hooks, state, and side effects using useState and useEffect.
The course covers conditional rendering, lists, and component architecture patterns. It also covers building and validating forms with controlled components, making HTTP calls, and configuring routing with React Router. Attendees then move into state management with Context and Redux, covering Redux core concepts. They use Redux with React via hooks and higher-order components, and handle asynchronous actions with Redux Thunk. The course closes with unit testing React and Redux applications using Jest and React Testing Library. Styling and performance optimization topics round out the course as time permits. Comprehensive React and Redux teaches developers the skills they need to immediately use React and Redux in their applications.
Who Should Attend
Developers, QA Staff, Technical Managers
What Attendees Will Learn
- Learn to use a JavaScript package manager (either npm or Yarn)
- Quickly understand the new JavaScript language features, including classes, modules, and arrow functions
- Articulate what React is and why it is useful
- Explore the basic architecture of a React application
- Gain a deep understanding of JSX and the Virtual DOM
- Use React components to build interactive interfaces
- Create and validate forms using controlled components
- Make HTTP calls to read or change data
- Explore the common component architecture patterns
- Configure simple and complex routing
- Understand state management including when it is needed and the various alternatives
- Utilize Redux to manage the state of the application
- Use React and Redux together
- Learn React and Redux best practices
- Write unit tests for React using Jest and React Testing Library
Prerequisites
Attendees should have solid JavaScript programming experience. Prior experience with HTML and CSS is helpful. No prior React or Redux experience is required.