Курс Front-end: React

Наш курс надасть вам глибоке розуміння складних тем та поглибить ваші знання, дозволяючи розвивати вас як фахівця в галузі фронтенд-розробки.

Програма курсу

Основні моменти

• Введення в курс Front-end Guru
• Що таке React?
• Ініціалізація робочого середовища
• Розуміння Virtual DOM
• Розуміння JSX

Components

• React Elements
• React Components
• Основні механізми компонентів (props, children, state)
• Component Life-cycle Hooks
• Pure (Functional) Components

UI

• Interpolation
• Conditional rendering
• Rendering Lists
• Container vs Presentational Components
• UI as a Tree

Events

• Responding to Events
• Event Handling Props
• Mouse and Touch Event Handling
• Keyboard Event Handling
• Drag'n'Drop Event Handling

State

• Understanding State
• useState Hook
• Storing Structures in State

React Hooks

• State Hooks
• Context Hooks
• Ref Hooks
• Effect Hooks
• Performance Hooks
• Other Hooks
• Your Own Hooks

Integration

• Connecting to an external system (API)
• Connecting to an external system (three.js)
• Using MobX State Management

Forms

• Describing Forms
• Handling Inputs
• Updating State
• Using formik for form management
• Using Yup for form validation schemas

Routing

• Використання бібліотеки React Router
• Defining Routes
• Router Properties Passing

React Advanced

• Server Components
• Server Side Rendering
• React.lazy()
• React.memo()
• React.Suspense()
• Error Boundaries
• CSS-in-JS
• Using TypeScript (+ alternatives, Flow, ReScript)

Testing

• React Testing Library
• Using Harness
• Unit-testing
• e2e testing
• GitHub Actions for testing automation

Особливості курсу

• Допомога ментора
• Практика
• Сертифікат про проходження курсу
• Чат спільноти
• Вебінари та додаткові матеріали
• Заняття з англійської
• Стажування для найкращих студентів

Викладачі курсу

Андрій Дорошенко - Senior Front-end Developer