<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=60438&amp;fmt=gif">

ReactJS Bootcamp

with Kristijan Ristovski aka Kitze from React Academy
09 & 10.03.2019

About The Event

sabina

At Thinslices, we've been using React for 3 years now. It started out as a challenge - the shiny new library everyone was talking about - so we decided to test it on a project. Fast forward to the present, React is the frontend standard for our teams and it's definitely living up to its potential, offering us predictability and flexibility. It's also the number 1 framework developers want to learn in 2019.

We've decided to organize this React Bootcamp by partnering up with React Academy as our contribution to the software development community in Iasi that continues to grow every year.

On Saturday we'll host the Basic React Workshop, that will take you through the basics of React, building on your understanding of Javascript. Sunday we'll move on to the Advanced React Workshop where we'll go into Advanced patterns, React 16 and the famous Hooks.

The Trainer

Kitze
Kristijan Ristovski (Kitze)
Founder of React Academy

With over a decade of development experience, Kitze has worked and experimented with a variety of languages and frameworks.

He launched ok-google and sizzy.co, both of which skyrocketed in popularity in the first week. The open-source community knows him as the author of few popular libraries and tools like JSUI, mobx-router, and custom-react-scripts. His passion is to learn, teach new technologies, and share that knowledge as much as possible. Follow him on Medium or visit his website.

Agenda

09:00
-
17:00
React Basics - Saturday, 9th of March
 
Prerequisites
The only prerequisite for this workshop is a good understanding of JavaScript. Everything else will be explained from scratch.
 
Topics
ES2015
Technically, it's possible to write a React app without the latest version of JavaScript, but you will have a hard time doing it. All of the new features in ES2015 (also known as ES6) just make everything much easier, more maintainable, and future-proof.
 
Tools
Webpack, Babel, Yarn, npm, plugins, presets, loaders, etc... Got JS fatigue yet? Don't! We are lucky to have all of these powerful tools. For the workshop we will use create-react-app, however, we are still going to explain how everything works under the hood.
 
React Basics
We will learn all the ins and outs of React, including the latest features introduced in version 16. From how it works, to practical examples and real-life use cases. By learning how to think in components, we'll learn how to make functional, and easily testable user interfaces.
09:00
-
16:30
React Advanced - Sunday, 10th of March
 
Prerequisites
To attend this workshop you need to be familiar with the basics of React, as well as most of the new features in ES2015.
 
Topics
Advanced Patterns
We'll explore all the advanced techniques for making flexible and maintainable React components. We'll see how using popular patterns like Compound Components, Controlled Components, Render Props, Function As A Child etc. can help us in simplifying things, making our components more reusable and our apps more declarative.
 
React 16 & Beyond
React 16 comes with some major changes and an update to the core algorithm. In this module, we'll explore some practical use-cases for Portals, Fragments etc. React.lazy and Suspense will help us to easily code split and lazy load components in our app in order to reduce the final size of the bundle. We'll see how the new Context API can simplify state-management and various component reusability patterns.
 
Hooks
Classes are so 2018, so we'll start by learning everything about the biggest change that happened to React: Hooks. Combined with Context, they are changing the entire state-management game. We'll cover useState, useEffect, useContext, etc. Although useful on their own, they're even more powerful when combined and abstracted away in custom hooks.

FAQ

1. Do I need a laptop?

Yes.

2. Do I need to have a local setup?

Only if you want to. We’re gonna use CodeSandbox for all the exercises so you can even use an iPad or a Chromebook.

3. If I want a local setup, which tools should I install?

Hint: You can use nvmnvm-windows, or to easily switch Node versions on your machine.

Register here

BASIC REACT  WORKSHOP
Advanced REACT  WORKSHOP

The Venue

Thinslices

Strada Vasile Alecsandri nr.3