React Academy

React Advanced Workshop

An exclusive full-day, hands-on coding workshop to explore advanced patterns and new features in React.

Brussels, Belgium

02 March, 2020

see printable version

Included topics

A general overview of what's going to be included in the workshop

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 all of the additions. We'll see how the new Context API can simplify state-management and various component reusability patterns. 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.

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, useRef, useCallback etc. Although useful on their own, they're even more powerful when combined and abstracted away in custom hooks.

Frequently Asked Questions

Do I need a laptop?

Yes.

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.

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

Node >= 6.
create-react-app.
An editor of your choice. VS Code is free and it has everything that you need out of the box.

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

What are the prerequisites for this workshop?

Good knowledge of JavaScript, and most of the new ES6 features
Good understanding of React and most of its concepts

Hundreds of satisfied attendees

Comprehensive, good level of engagement throughout the day.

Jip Moors -

Yoast BV

Good, learned a lot! Workshops contained a lot of exercises which were great.

Eric V.D. Helm -

Capgemini

Excellent deep dive into complex material.

Anonymous -

Amazee Labs

Learned a lot! Good introduction to the basics of React. The best part of the training were the labs.

Ton Hordyk -

Capgemini

We learned a lot for a week of training. It was a really good, full of new information, training in general. I see it as a very good starting point for further React development.

Anonymous -

Amazee Labs

It was dynamic, learned a lot, and met new tools. Best part were the explanations about using CSS in React.

Rodrigo Lopes -

OLX

Good introduction. Looking forward to the advanced training!

Arjan van IJzendoorn -

Mendix

Very good overview of React and all tools around it. Diving into some more advanced topics and comparison of different tools and options instead of just looking at one thing.

Anonymous -

Amazee Labs

Very thorough introduction to React. I enjoyed the ES6 overview and styling in React.

Nathan Bourke -

Launch Academy

Very well laid out. Quite fast pace but able to keep up.

Anonymous -

Amazee Labs

The presentations were very straightforward, especially with the format of the slides.

Sebastian Kopp -

Launch Academy

It was a really good start with React and the labs were pretty interesting.

Denis Augsbirger -

Triple W Team

The training was very nice. Much better than I expected actually. The best part were the interactivity and enthusiasm.

Maria Voinea -

ING

A good intro to React, with some nice in-depth things.

Danny Terwindt -

Yoast

Good introduction! After the training I can start building something.

Omar Reiss -

Yoast

Wish it was longer... some of the days I wanted to just continue going until the night instead of going back to work.

Anonymous -

Amazee Labs

Very informative. The best part was the diversity between the presentations and the labs.

Mark Poelstra -

Clockwork

Cool trainer, well structured course, live coding to answer questions was great.

Anonymous -

Quatico

Very good instructor!

Anonymous -

dotJS

I liked the depth of the covered material. Knowledgeable instructor with real-world experience in React.

Anonymous -

dotJS

I'm not a big user of JS and React to fully appreciate the content of the course, but it makes me want to learn more about it.

Anonymous -

dotJS

Thorough, actionable, enthusiastic.

Anonymous -

React Fest

Awesome to realised I don't know even 10% of React

Anonymous -

React Fest

I really liked the workshop, I learned lot of things. I was definitely worth it.

Anonymous -

React Fest

Better than expected due to the amount of topics that we could see.

Anonymous -

React Fest

Good flow of topics, very well organised.

Anonymous -

React Fest

I had fun and learned new things. Really useful and inspiring.

Anonymous -

React Fest

Lots of stuff to learn, and a lot of time to learn and test. Nice training!

Anonymous -

React Fest

Good overview of new React concepts and API.

Anonymous -

React Fest

I loved it. It would be better if we had more time.

Anonymous -

React Fest

The training was really good, the instructor is great.

Anonymous -

React Fest

Most of it was pretty sick.

Anonymous -

React Fest

Content is advanced enough yet still clear and understandable.

Anonymous -

React Fest

Very well-structured workshops!

Anonymous -

React Fest

I liked how we learned small parts, getting gratually more complicated, just to use them all at once in a justified manner.

Anonymous -

React Fest

Kitze is clearly passionate about his craft and he has a great teaching style.

Anonymous -

React Fest

A different kind of workshop

Made in a way to keep the attendees focused and intrigued

Dynamic presentations

The presentations include scrollable code snippets and interactive React components. Not quite the regular PowerPoint slides from the 90s that will make you fall asleep.

Up-to-date

The presentations and exercises are always updated with the latest findings, standards, and best practices.

Q&A session

After each presentation, anyone can ask questions about the presented material. We'll make sure that everything is clear before moving on.

React Academy Labs

A presentation is worth nothing without some practical work. Our unique web app will guide the attendees through the exercises, in which they will solve actual real life problems.

Task

Each exercise in the labs is clearly defined, and split into multiple steps if needed.

Preview

On the right side there is a live preview of the component that is expected to be built by the students.

Solution

If someone is impatient, stuck, or just wants to compare the results, they can always check the hints, or see the solution.

Meet your coach

Kristijan Ristovski a.k.a Kitze

Kitze is a developer with over a decade of experience. He had the chance to work and experiment with a variety of languages and frameworks.

He is the founder of Sizzy - the browser for developers and designers. He also made Twizzle, ok-google, JSUI, etc.

The open-source community knows him as the author of few popular libraries and tools like react-hanger, react-genie, mobx-router, custom-react-scripts, etc.

His passion is to learn, teach new technologies, and share that knowledge as much as possible.

You can learn more about Kitze here.

Want to get notified when a workshop is available in your area?

Icons made byFreepikfromwww.flaticon.comis licensed byCC 3.0 BY