From 0 to !0 #4: React Workshop
€15
From 0 to !0 #4: React Workshop

From 0 to !0 #4: React Workshop

Event Information

Share this event

Date and Time

Location

Location

TechHub Bucharest

39-41 Strada Nicolae Filipescu

020961 București

Romania

View Map

Friends Who Are Going
Event description

Description

Since our last workshop was a blast, we say to use all the enthusiasm and learn even more together as we are one cool bunch of fast learners.


So folks, get ready for some React awesomeness and join us on Saturday, December 10 at TechHub Bucharest for a deep dive into React with Radu-Sebastian Amarie, Head of Engineering @Findie, full-stack dev, tech enthusiast, awesome volunteer and dedicated entrepreneur.


The time to act is now: 20 places available for this workshop!

Grab yours asap!


Agenda

09:30 – 10:00 → Registration

10:00 – 13:00 → Workshop - part 1

13:00 – 13:30 → Lunch

13:30 – 16:00 → Workshop - part 2


Radu-Sebastian Amarie: We'll start by explaining what React is and how exactly it can make your life better. For real! Then we will go through the basics: we'll start smooth with various examples of what React can do, then we will create multiple components to get acquainted with the state and props, children, ref's and all the lifecycle events components allow.


If the odds (as in time) are in our favour, we'll then introduce the basics of Flux Architecture (Reflux) and start building a small Snake game to go through everything we learned. Something similar to https://maaamba.herokuapp.com/.


Workshop framework:

Getting things ready - Prerequisite - Webpack and Babel, the easy way.

What are JSX and ES6 usage

Creating the basic app

Hello, World!

Getting acquainted with props.

Setting State and playing with it.

Component all over the place - Components made out of Components.

Sending children as props.

Forms and Inputs - Using ref.

LifeCycles - Mounting: constructor() & componentWillMount() & render() & componentDidMount()

LifeCycles - Updating & componentWillReceiveProps() & shouldComponentUpdate() & componentWillUpdate() & render() & componentDidUpdate() and how to control updating.

LifeCycles - Unmounting - componentWillUnmount()

Reusable Components

Extra:

Flux with Reflux

Let's make Snake! :smile:


Prerequisite: Your Laptop + A web IDE: WebStorm and Node


Share with friends

Date and Time

Location

TechHub Bucharest

39-41 Strada Nicolae Filipescu

020961 București

Romania

View Map

Save This Event

Event Saved