In the course of studying the material, in the course, students, together with the instructor, build specific applications using React classes and functions. Based on theoretical knowledge, on specific data obtained from the microservices of the stand, a client web application is formed using the functions of hooks and the Redux library.
Upon completion of the course, students will be able to independently develop client-side ReactJS applications using Redux libraries and Hooks functions.
This course is for web developers.
Before attending this course, students must have:
- Deploying a workbench to work with microservices.
- Evolution of web application development.
Prepare a WebStorm framework for working with ReactJS.
- Development of client applications React, Vue, Angular.
- An introduction to SPA applications.
- Reactive application.
- Virtual DOM Applications.
Building a minimal React application.
- Connecting additional libraries to the local sandbox.
Syntactic sugar & ndash; React-JSX for createElement function.
- The create-react-app utility.
- Anatomy and internal directory architecture.
- React object as the entry point to the application.
React components & ndash; classes or functions.
- Specification of element types.
- JSX scope and notation. Naming rules.
- JSX element properties and literals.
Using the fetch function to access the stand microservices.
- Props (properties) and state (state).
- Description and use of events in functional and class components.
- Component lifecycle methods.
- Stages of building and updating the virtual DOM.
- Deprecated methods.
Disadvantages of working with local storage in React.
- Description of the proxy for the development server.
- Authorization and authentication of the client application on the server.
- Handling server errors on the client side.
- Building the chain of execution of requests to the server into a single promise using specific examples of microservices.
- Build a finished client application with handling the master-detail relationship, modifying data in the database, and generating reports.
- Isolating storage and taking special steps to upgrade your virtual home.
Purpose of reducer, base function.
- Two libraries.
- General principles of creating a storage structure in the file system.
Subscribers to the state of the repository.
Passing state to properties of a component & ndash; Provider.
Automate the transfer of required properties from repository to components.
- Dispatch mechanism in the repository.
- Creating and using mechanisms for updating data in the warehouse.
- Returning data from storage.
A wrapper or top-order function.
An example of working with the server side of the stand.
- The mapStateToProps and mapDispatchToProps functions.
Using application state without implementing class architecture (Hooks functionality).
- An example of building a client application (processing a table in relation to a master part).
Component side effects and useEffect hook
- Adding state to functional component & ndash; useState instead of this.state.
- Rules for reading and writing state.
- Track the state of the virtual DOM.
Using a context (useContext hook) to access properties in a parent component
- Retrieving data from microservice and updating state.
- Improve the performance of useEffect by monitoring state variables.