Workshops at react london conference
On October 19-20, we'll be hosting multiple workshops targeted at React newcomers and hardcore fans alike. Make the most of your conference experience by supplementing your visit with trainings from our best speakers and trainers.
All trainings start at 9:00 (with doors opening at 8:30) and continue until 17:00. The trainings will be hosted at a separate location: Avonmouth House, 6 Avonmouth St, London SE1 6NX, United Kingdom.
-
Data Visualization for React Developers
Data Visualization, aka "dataviz", is much more than drawing some pretty charts; it's a process of discovering & communicating insights derived from data. In this workshop, through hands-on projects using the visualization libraries Observable Plot and D3.js, we’ll explore the basic concepts & techniques dataviz professionals use to find meaning in the data that matters most to you & your users, and how to convey that meaning effectively using custom interactive visualizations in your React apps.
Table of contents
- Exploratory vs. Explanatory dataviz, and when to use each
- Data features, encoding channels, and mapping between them
- Aggregation & faceting techniques to expose meaningful patterns
- How to use Observable Plot’s high-level grammar of graphics for rapid exploration & simple visualizations
- How to get started with the powerful, low-level D3.js library to create highly customized visualizations
- How to wire our Plot & D3 charts into our React apps
Prerequisites
Everyone is welcome, but this workshop is aimed at intermediate and advanced React developers who are beginners in the field of Data Visualization. We will assume basic familiarity with React Hooks (e.g. useState, useEffect), DOM and SVG fundamentals.
Participants should bring a laptop with their browser & code editor of choice, Git and Node installed.
Workshop schedule & location
October 19, 2022, in-person in London. Location - Avonmouth House, 6 Avonmouth St, London SE1 6NX, United Kingdom.
-
React Native for React Developers: Adding Native to Your React
Want to build mobile apps with your React skills? You’re a workshop away. Jamon and Gant are React Native open source core team members and will use their seven years of React Native experience to get you up to speed in a friendly, humorous, and technically proven way. You’ll learn the differences between React and React Native, best practices based on real-world experience, and even build a React Native chat app to talk with your classmates. Tap into the world of mobile and start building!
Table of contents
- 1. React Native overview
- 2. React Native vs. React.js: similarities and differences
- 3. Spinning up your first React Native app
- 4. Building a React Native chat app
- Building a chat UI
- Adding authentication
- Connecting with back end services
- State management
- 5. Integrating with native code
- New Architecture overview
- 6. A note about deploying to the App Store and Google Play
Workshop schedule & location
October 20, 2022, in-person in London. Location - Avonmouth House, 6 Avonmouth St, London SE1 6NX, United Kingdom.
-
TypeScript, Deep Dive
More and more projects are using TypeScript. This workshop will provide a deep dive into the language, and basic TypeScript knowledge is assumed. We will briefly discuss the design philosophy of TypeScript, and then cover all the lesser-known or harder features. That is: do all the cool and weird meta programming stuff (TS is turing complete!) and learn the tricks you won't find in the handbook.
So join if you feel like you're writing too much type annotations to make TypeScript happy! We'll dive deep into how type inference and control flows works, and how you can make the compiler work for you. We'll discuss all the fancier language constructs like:
- ReturnType<>, Parameters<>
- typeof, keyof
- Mapped types
- ConditionalTypes
- Function overloading
- Discrimination unions
- Type guards and type assertions
- String template types
- (Variadic) tuple types
Workshop schedule & location
October 20, 2022, in-person in London. Location - Avonmouth House, 6 Avonmouth St, London SE1 6NX, United Kingdom.
-
Advanced React
React 18 was a long-awaited release. New APIs were introduced and certain behaviour changed. Some of these changes have quite an impact on your daily development, while others rarely affect you. Nevertheless, only by knowing your tools can you best decide when to use which of them.
In order to get a deep understanding of these new APIs and behaviour changes we will explore the following topics:
- new concurrent rendering APIs: useTransition, startTransition, useDeferredValue
- new Hooks: useId, useSyncExternalStore, useInsertionEffect
- strict effects in the new Strict Mode and revisiting useEffect
- automatic batching and flushSync
- sneak peek into what's coming after React 18 including a brief introduction into
and for data fetching
The workshop is split into several modules. Each of them starts with a 20 min presentation, 30-50 min coding session and is followed by a 10 min retrospective. The final topic about what's coming after React 18 is only covered as a presentation.
By the end of the workshop you will be able to leverage the new features of React 18 and be able to use them in production ready applications.
Prerequisites
This workshop is targeted for intermediate and experienced React developers. You should be comfortable using Hooks (incl. useEffect, useRef) and basic understanding of Concurrent Mode is recommended but not required.
Workshop schedule & location
October 19, 2022, in-person in London. Location - Avonmouth House, 6 Avonmouth St, London SE1 6NX, United Kingdom.
Trainers
Anjana Vakil
USA
Anjana suffers from a chronic case of curiosity, which led her from philosophy to English teaching to computational linguistics to software development. As an engineer & educator, these days she mostly codes & teaches from her home base in San Francisco, when not traveling (in a mask) to events around the world to speak about the joy of programming and advocate for a more equitable & ethical tech industry. Nerd out with her about functional programming & JavaScript, ask her about the Recurse Center & Outreachy, and definitely invite her to your karaoke party!
Gant Laborde
Infinite Red, USA
Gant Laborde is an owner of Infinite Red, mentor, adjunct professor, published author, and award-winning speaker. For 20 years, he has been involved in software development and continues strong today. He is an “open sourcerer”, team leader, and aspires to one day become a mad scientist. He blogs, videos, and maintains popular repositories for the community. Follow Gant’s adventures at gantlaborde.com.
Michel Weststrate
Meta, UK
Open source fanatic, speaker and trainer. Author of MobX, MobX-State-Tree, Immer and a plethora of smaller packages. On a continuous quest to make programming as natural as possible. React, JavaScript and TypeScript fan. Working at Facebook on dev tooling for mobile developers.
Nik Graf
Serenity, Austria
Nik is the founder of Serenity and is passionate about cryptography, CRDTs, GraphQL and React. He co-created several popular open source projects like DraftJS Plugins and Polished and participated in Stripe’s Open Source Retreat. In his spare-time he enjoys ski touring, cycling and organising the ReactJS Vienna meetup.
We guarantee
- Modern training courses from first-class industry experts
- Small-sized groups for maximum individual attention
- A focus on practical exercises to promote learning by doing
- Our friendly team on-hand to answer your questions
If you are a developer
Whether you are looking for skills to help you level up at work, get a promotion, or make yourself more competitive in the job market, our full-day workshops taught by industry experts are designed to get you there. Training in the fastest-growing JavaScript frameworks will make you a developer in demand, opening the door to new and exciting career opportunities. Learn to unleash the full potential of React and React Native and see for yourself!
If you are a business owner
Investing just eight hours in your employees’ development can result in a substantial improvement in performance. Let’s say 10 of your engineers attend a full-day workshop. In the next year, they will put in approximately 20,000 hours of work for your company. If, after the workshop, their performance improves by only 1%, your organization will have gained 200 hours of work in return. That's an impressive outcome for just one day of training!