This is a 3-day hands-on course covering the intermediate and advanced topics in Software Development using React, Redux and RxJS. Participants not only will learn the core principles and fundamentals of React but also will master how to develop and refine a sense for applying Redux for state management and observables with RxJS.
The course is taught by Senior Engineers with several years of experience in front end and full stack applications.
Who should attend
This course is intended for anyone involved in software engineering, but specifically for:
- Front-end Engineers that want to learn React, Redux & RxJS
- Back-end Engineers that want to broaden their software development skills in front-end technologies
- Software Engineers wanting to improve their skills and career prospects as front-end developers.
Prerequisites
This course assumes at least an intermediate understanding of Javascript and functional programming using Javascript.
What will you learn
During this 3-day course, participants are expected to cover the core concepts with hands-on examples and exercises on the following topics:
React
- Understanding JSX
- React ComponentQuick introduction to React Component (state, lifecycle, context)
- Emphasis on the function stateless component
- Properties and events
- Refs: referencing the real DOM
- Best Practices
- Examples and Practice
Redux
- The Redux MVC design pattern (unidirectionality)
- State of the application and immutability
- The meaning of actions in Redux
- Pure functions and Reducers
- The Redux Store
- Integration with React. Provider and Connect.
- Presentational & Container components
- Best practices
- Examples and Practice
RxJS
- What are the Observables or Streams
- What are the operators of Observables
- How to build a simplified version of class Observable from scratch
- Example implementations of
- interval Observable
- of Observable
- zip Observable
- How to build a simplified version operators from scratch
- map Operator
- filter Operator
- reduce Operator
- scan Operator
- groupBy Operator
- mergeMap Operator
- switchMap Operator
- Schedulers in RxJs
- Building Custom Operators
- Best Practices