Crash Course: React для backend девелоперів
Ментори:
Олег Ровенський, JavaScript Engineering Lead at Intellias.
Катерина Волкова, Fronted Developer at Flyaps
Квитки на наступну конференцію Конференція JavaScript fwdays’24 вже у продажу!
Опис курсу:
Цей краш курс ознайомить бекенд розробників з основами ReactJS. Програма складається з концепцій та механізмів, що лежать в основі React: від базових до високорівневих.
Ми почнемо з простих тем та закріпимо теорію практичними прикладами. Таким чином, ви зможете ознайомитися з різними аспектами створення компонентів, управління станом та обробки подій у ReactJS.
На проміжному етапі курсу ми глибше дослідимо advanced теми:
✅Робота з API
✅Роутинг
✅Стан застосунку.
Цей курс дозволить вам впевнено використовувати React для створення веб-застосунків та ефективно взаємодіяти з бібліотеками для візуалізації даних. Засвоївши ці концепції, ви навчитеся створювати складні та функціональні застосунки на основі React!
Формат:
Дата та час: 30&31 березня, 10:00 - 16:00, (Kyiv time, GMT+2). Тривалість 2 дні по ~6 годин з перервою на ланч.
Платформа: ZOOM. Посилання на трансляцію ми відправимо вам напередодні початку курсу, а також воно буде доступне на цій сторінці.
Мова презентації: англійська
Мова заходу: українська
Вимоги: базові знання JS, досвід в бекенді на будь-якій мові. Знання React буде плюсом.
Кому буде цікаво?
- Back-End developers, які хочуть бути fullstack.
- Back-End developers, які прагнуть розібратися з тим, як працює React.
Програма
Chapter 1: Introduction to ReactJS
- What is ReactJS and why it's popular in web development
- Understanding the ReactJS architecture
- Setting up the development environment
- Creating the first React component
- JSX
- Handling user input and events
- How to debug
- Styling React components
- Hooks
- Trigers for re-render
- Event Loop
- Events:
-JS Event Object model, js event delagation (example and memory leak) comparing in React.
-SynteticEvent, NativeEvent
Chapter 2: Advanced ReactJS concepts
- State management in ReactJS and FLUX architecture
- Handling side effects
- HTTP
- Middlewares
- Routing
- Building reusable components
Chapter 3: FLUX and Redux
- FLUX architecture pattern
- Redux
- Redux with Redux Thunk
Chapter 4: Building a real-world ReactJS application
- Context
- Forms, Formik, Yupi
- Putting it all together: building a fully functional ReactJS application from scratch
- Best practices for ReactJS development
- Tips and tricks for optimizing ReactJS applications
Bonus: React Charts
- Overview of the Recharts library:
- Vertical Bar Chart:
- Sample code to create a vertical bar chart using Recharts. - Horizontal Bar Chart:
- Sample code to create a horizontal bar chart with Recharts.
- Tips for bars customization - Pie charts:
- Overview and sample code for customizing charts - Troubleshooting tooltips:
- customizing, changing the position - Testing charts with the jest
Олег Ровенський
JavaScript Engineering Lead at Intellias
- 10+ років в розробці. Основна експертиза: JavaScript, Angular, React, NodeJS, RxJS.
- Активний контрібутор COE (Center of Excellence) at Intellias.
- Спікер Intellias, JSDevTalk, Dev-Pro JS Breakfast.
- Викладав у EPAM Lab, Hillel, Foxminded
Катерина Волкова
Fronted Developer at Flyaps
- Основною спеціалізацією є створення ефективного та чистого коду з використанням JavaScript, React та TypeScript. Вірить у важливість безперервного навчання та постійно оновлює свої навички, щоб залишатися на хвилі сучасних технологічних трендів.
- Активний контрібутор FE department at Flyaps.