React - a pragmatic introduction

If you have never used React before or if you are getting confused by how single page application works, this is the workshop for you. We will dive into techniques for building reusable, maintainable components and how you can use the features React provides to make your application scalable. You will leave with a working understanding of how to use React in your own applications.

MEHR LESEN
Duration: 2 days
Level: beginner

React - a pragmatic introduction

1500
PLN NET

Group Discounts:

1+2 friends
1050.00PLN
1500.00PLN   30% off
1+1 friend
1200.00PLN
1500.00PLN   20% off
Individual measure - Kontaktiere uns

Prerequisites

      • You need to be familiar with JavaScript on the intermediate level.
      • Knowledge of the new features introduced in the ES2015
      • Basic knowledge of HTML & CSS

Outcomes

      • You will understand what React is and how it works.
      • You will be able to create a complete real world web application - learning the discussed tools and implementation techniques in React + Redux.

Agenda

  • DAY 1

    • Introduction:

      • Why React?
      • DOM and Virtual DOM introduction
      • Let’s meet our friends - Webpack/Babel
      • Setup development environment
      • Exercise 1
    • First Component:

      • A gentle introduction to JSX
      • Two flavors of components
      • State, Props, data flow
      • Lifecycle hooks
      • Lift state up
      • Component styling
      • Exercise 2
    • First application:

      • Handle user input - forms
      • Sending request to the server
      • Receiving data from the server
      • Application Routing
      • Testing our components
      • Exercise 3
  • DAY 2

    • Intro to Redux

      • Intro to Redux
      • How Redux solve our problem with long prop-passing chains
      • Smart vs dumb components
      • Exercise 1
    • Key Redux components

      • Reducer
      • Action
      • Selectors
      • Exercise 2
    • Async actions

      • Thunks
      • Sagas
      • Exercise 3
    • Extend our application

      • Move side effects outside components
      • Move state to the store
      • Testing the business logic
      • Exercise 4

Trainer

Trainer image

Maciej Kański

Frontend Developer

Maciej Kański is a Frontend Developer at Codete, passionate about new frontend technologies, and open source. JavaScript and React lover. Building robust, scalable applications and sharing knowledge is his daily routine.

Kontakt

CONTACT PERSONS

contact person

Olga Sroka

Workshop Advisor

mail icon
                  width=   olga.sroka@codete.com

phone icon width=   +48 888 011 177

contact person

Maciej Szczepański

Workshop Advisor

mail icon
                  width=   maciej.szczepanski@codete.com

phone icon width=   +48 606 42 14 76

This value should not be blank.
This value should not be blank.
Form has been submitted.
Failed to send message - please try mail@codete.com.