React Academy

React and JavaScript workshops

Upcoming workshops

GraphQL Basics

🇳🇱Amsterdam, Netherlands

🇳🇱Amsterdam, Netherlands

15 April, 2020

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

What is it?

We offer private and public on-site workshops all around the world.

Public Workshops

Are you interested in hosting a public workshop that can be attended by anyone? You can pick the place, decide on the number of attendees, price of the tickets, etc. The only thing that you should care about is the marketing of the event. We’ll bring the knowledge and the materials!

Company Training

Want to take your company's expertise to the next level? Don't waste precious time and money by aimlessly combing the internet for resources. With the Company Training you can tailor the course material specifically to the topics that matter to your business. All of the attendees will get the complete and undivided attention of the trainer.

Conference Workshops

Let's be real here, attending a conference sounds way more attractive to people if it also includes a workshop. If you want to spice up your conference, the Conference Workshop is for you. Choose the topics that align with what the conference is about, and let's rock!

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.

Our Clients

These companies took their React expertise to the next level

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

Learn React the right way

It's easy to get lost without proper guidance and path to follow.

React may be just a simple UI library, but it involves a pretty big ecosystem around it. Explaining the basics and internals is not enough, so in this module we're going to explain the best practices, we're going to learn to "think in React", and apply solutions to real problems that you might encounter in the process of building an app.

Fundamental concepts
Virtual DOM
Stateless components
JSX
Props
Stateful components
State management
Events
Lifecycle methods

“React is such a good idea that we will spend the rest of the decade continuing to explore its implications and applications” - @rauchg

For beginners and professionals

Choose from a variety of topics and tailor the workshop in any way you want. Any combination is possible!

ES2015

Technically, it's possible to write a React app without the latest version of JavaScript, but you will have a hard. 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 under the hood, 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.

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.

State management

Everyone who stumbles upon Redux or MobX ends up being confused because they don't know whether they need an external state management library. Through the beginner and advanced modules we are going to explain how both of them work, how are they used, and in which cases they are suitable in a React app.

GraphQL

We'll learn everything about the GraphQL schema, queries, and mutations. During the first half of the workshop, we'll explain the basics of GraphQL, the anatomy of a GraphQL schema, how resolvers work, and we’re gonna build a GraphQL server.

css-in-js

"CSS in what now?", you might wonder. In this module we are going to explain the philosophy behind css-in-js, what problems does it solve, how does it compare to traditional styling methods, etc. Also, we are also going to take a look and compare a few popular css-in-js libraries.

Styling

Now that the new CSS features are adopted by most of the modern browers, it's time to make your life easier and learn everything about them. This module ranges from the basics of CSS, from the box model, common pitfalls, and best practices, to the ins and outs of Flexbox and Grid, and how using them can completely change the way of how you build layouts.

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.

Get in touch

Interested in a workshop or company training? Click the contact link below and we can discuss!

Contact

Icons made byFreepikfromwww.flaticon.comis licensed byCC 3.0 BY