Crash Course: React для backend девелоперів

Міні-курс для майбутніх fullstack розробників. Складається з концепцій, що лежать в основі React: від базових до високорівневих.
Ментори:
Олег Ровенський, JavaScript Engineering Lead at Intellias.
Катерина Волкова, Fronted Developer at Flyaps
Online
Подія відбулась
Crash Course: React для backend девелоперів
Crash Course: React для backend девелоперів
Подія відбулась
Подія відбулась
Подія відбулась

Опис курсу:

Цей краш курс ознайомить бекенд розробників з основами 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
  • Linkedin

Катерина Волкова
Fronted Developer at Flyaps

  • Основною спеціалізацією є створення ефективного та чистого коду з використанням JavaScript, React та TypeScript. Вірить у важливість безперервного навчання та постійно оновлює свої навички, щоб залишатися на хвилі сучасних технологічних трендів.
  • Активний контрібутор FE department at Flyaps.
Інфо партнери
Хочете стати інфопартнером?
Напишіть нам на partners@fwdays.com та ми запропонуємо вам варіанти інфопарнерства
Увійти
Або поштою
Увійти
Або поштою
Реєстрація через e-mail
Реєстрація через e-mail
Забули пароль?