Development in React - free course from ThinkNetica, training 9 weeks, Date November 28, 2023.
Miscellaneous / / November 30, 2023
Foundation and ecosystem
You will master the fundamental principles and principles of React, as well as the most popular solutions in its ecosystem.
Detailed Code Review
Mentors will check each of your assignments, do a detailed code review, give code recommendations and answer questions.
Best practics
You will understand how to and how not to use React and other libraries, understand the pros and cons of different solutions and learn to apply best practices and approaches.
Community
Studying alone is difficult and boring, so you won't be alone! Forum, chat, webinars and a bunch of other ways to get help and support, and just communicate with like-minded people.
Project
Intensive practice will allow you to consolidate the acquired knowledge in a short time and implement your full-fledged project in React.
Learning at your own pace
You can take lessons and complete assignments at your convenience and completely at your own pace. The main thing is to meet the overall course deadline.
1. You have at least 6 months of experience in web development in any language/technology (frontend or backend)
2. Good knowledge of Javascript
3. Have an understanding of OOP, HTTP, DOM and browser operation
4. You know how to work with Git and GitHub
System programmer and Fullstack developer since 2009
Professional interests: JavaScript, React, Redux, DevOps, Microservices, High-load systems.
Trained React to over 100 developers
Manages the development of corporate CRM/ERP systems, reservation systems (stolica-banketov.ru, sanatorex.ru, pogostim.com) and internal systems (backoffice, telephony, cloud systems) and others products.
Participated in the development of projects for the Moscow Government ( http://mosopenchallenge.ru/)
Managed the development of pogostim.com - winner of the "Best IT Project of the Year" competition at the All-Russian competition "Young Innovative Russia"
Co-founder of a game studio. Development and support of popular social games with an audience of more than 1 million players. Human.
1. Introducing React
A comprehensive overview of React and its ecosystem. Let's get acquainted with the basic concepts, fundamental principles, environment configuration, the concept of a component and its types, JSX.
2. Ways to Create a React Application
Let's learn how to create applications in different ways and tools (from scratch, using Webpack and Babel. JS / Create React App / Next. JS / Gatsby), with and without Server-Side Rendering.
3. Styles in a React application
Let's learn how to set styles for a React application and manage them using modern tools (PostCSS, styled-components, styled-jsx).
4. Component properties and state
Let's explore the concept of properties in components. Let's learn how to transfer them and perform type checking. Let's understand the concept and features of using the state of a component (state).
5. Stateful and Stateless components
Let's introduce the concept of a Stateless component and learn the advantages of using this approach.
6. Component life cycle
Let's study the elements of the component life cycle and learn how to use them in practice.
7. Built-in and custom hooks (React Hooks)
Let's collect practices for using a new tool in the React library to improve readability and reuse in code.
8. Testing with Jest and React Testing Library
As we develop the application, we will write tests for our components using Jest and the React Testing Library.
9. Interaction with API
We will develop an application that will interact with external APIs, receive and send data through the API and display it on the front end.
10. Routing in the application (React Router), portals (React Portals)
Let's learn how to match the url and render the desired page without reloading, the way it should work in a Single Page Application. We will analyze complex cases, such as processing incoming parameters, redirects, error pages, authorized access and modal windows using portals
11. Event Handling
Let's introduce the concept of synthetic events in the React library. Let's learn how to process them, implement drag'n'drop and learn how to work with the clipboard.
12. Context and Authentication
Let's take a closer look at the new context mechanism in the React library. Let's learn how to effectively use it in an application. Let's learn how to work with authentication, localStorage and cookies.
13. Ways to create forms
We will learn the nuances of creating simple and complex forms for an application using different approaches and tools (without third-party tools, React Hook Form, Formik)
14. Production assembly and Deployment
Workshop on organizing the file structure of the project, setting up the environment and preparing the assembly and deployment of the application with subsequent support.
Optional. Redux
Declarative approaches and middleware. Application of Redux using in a project.