React Day Berlin 2022
2022-12-02
Berlin, Germany
[React Day Berlin 2017, React Day Berlin 2018, React Day Berlin 2019, React Day Berlin 2022, React Day Berlin 2023, React Day Berlin 2024]
who it's for
React developers, frontend engineers, full-stack engineers, mobile app engineers, engineering managers, open source maintainers, developer experience engineers
topics
Bun runtime and JSX transpiler; Turbopack incremental bundler; Next.js 13 data fetching; tRPC schema-free APIs; Jotai atom state model; TypeScript generic React components; GraphQL with CDN delivery; React Native Kotlin Multiplatform; Expo for web and mobile; React Testing Library practices; codemods for large repos; MediaPipe machine learning integrations
| title | author | length |
|---|---|---|
| How Bun Makes Building React Apps Simpler & Faster | Jarred Sumner | 10m |
Bun claims a full runtime for React with measurable wins: built-in JSX transpiler that even supports .js files and console.log of elements, automatic npm… | ||
| Let’s Remix to Localize Content! | Arisa Fukuzaki | 28m |
Clears a path to production: uses remix-i18next and a headless CMS (Storyblok) to stop storing translation files in source and to generate localized URLs with… | ||
| Generic Components with TS and React | Illia Kibalnyi | 10m |
A concrete example builds a selectable list component that accepts items of varying shapes by making props generic and constraining them to a minimal shape… | ||
| Building High-Performing Cross-Cultural Teams | Emma Bostian | 18m |
Moves from Austin to Germany in 2018 and to Stockholm in 2020 and reports joining teams of seven nationalities → ten nationalities as evidence that culture… | ||
| Lessons Learned From Troubleshooting a Shopping Cart Issue | Hussien Khayoon | 09m |
A recurring quantity-mismatch bug proves out: back-end numbers match but customers sometimes receive fewer items; errors start monthly and grow to about once a… | ||
| Accelerate Innovation | Cristobal Chao | 09m |
Argues developers can start innovating at the design phase by using production UI pieces: shows sync Storybook to Figma via Anima and treats React components… | ||
| Turbopack. Why? How? When? and the Vision... | Tobias Koppers | 27m |
Claims a Rust core using Rust+SWC to get parallelism and memory safety, plus a Turbo Engine that records dependencies as a task graph (about 200 tasks per… | ||
| Interviews with sponsors | 07m | |
Sponsors say they pay to recruit and increase employer brand, to announce a new Berlin office, and to put engineers on stage to get feedback on React work… | ||
| Jotai Atoms Are Just Functions | Daishi Kato | link |
State management in React is a highly discussed topic with many libraries and solutions. Jotai is a new library based on atoms, which represent pieces of… | ||
| The Weird Things About React | Nik Graf | link |
React has some weird and undocumented features like using the key attribute to remount components. The new beta docs and RFCs provide valuable insights into… | ||
| Fighting Technical Debt With Continuous Refactoring | Alex Moldovan | link |
This talk discusses the importance of refactoring in software development and engineering. It introduces a framework called the three pillars of refactoring… | ||
| Get rid of your API schemas with tRPC | Giorgio Boa | link |
This talk introduces TRPC, a library that eliminates the need for code generation and provides type safety and better collaboration between front-end and… | ||
| Emotional & Functional UI Animations in React | Elizabet Oliveira | link |
This talk discussed the importance of UI animations in React, both functional and emotional. Examples were given using CSS and Framer Motion, with a focus on… | ||
| Wait, React Is Multi-Threaded? | Nikhil Sharma | link |
This talk explores the use of web workers in React to improve user experience and performance. It discusses the limitations of JavaScript rendering and how web… | ||
| Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete | Hussien Khayoon, Kahvi Patel | link |
This workshop covers various topics related to software development, including using the CodeMirror library to create custom editors, exploring CodeMirror… | ||
| Next.js 13: Data Fetching Strategies | Alice De Mauro | link |
This workshop at React Day Berlin covered fetching strategies for the new App Directory, including server components, client components, and dynamic fetching… | ||
| React Native Kotlin Multiplatform Toolkit | Erik Ziegler | link |
The talk discusses the combination of React Native and Kotlin Multiplatform for cross-platform app development. Challenges with native modules in React Native… | ||
| Run Games Within Your React Native Apps | Vladimir Novick | link |
This talk discusses integrating Unity into React Native apps for game development. Unity provides a wide range of capabilities and can be seamlessly integrated… | ||
| It's Time to De-Fragment the Web | Sami Jaber | link |
This talk introduces Mitosis, an open source project that solves the problem of building framework agnostic components. It supports JSX and Svelte syntax and… | ||
| Supercharging Your Dev Experience With Turborepo | Bruno Paulino | link |
This talk explores the benefits of using TuberApple, a tool for supercharging the development experience. It highlights the advantages of monorepos, such as… | ||
| Nextra 2.0: Create a Full-Featured Documentation Site in 5 Minutes | Shu Ding | link |
Next.js and Nextra are powerful tools for generating full-featured documentation websites with ease. Nextra offers features like dark mode, full-text search… | ||
| Take a Rest From REST (And GraphQL) | Aleksandra Sikora | link |
This talk explores the evolution of RPC and its relevance in modern full stack development. It discusses the limitations of SOAP and REST and introduces… | ||
| The Sorcery of Building a Cross Platform Design System Architecture | Kamlesh Chandnani | link |
This talk discusses the development of a cross-platform design system architecture. It explores different approaches and proposes a unified API that works… | ||
| Build Your Own (Simple) React From Scratch! | Sean Blundell, Jean Duthon | link |
This workshop focuses on creating a React app from scratch and covers topics such as rendering components, handling state, and optimizing rendering. It… | ||
| Statically Detecting React App Bugs with TypeScript and ESLint | Josh Goldberg | link |
This talk explores static analysis tooling for JavaScript and TypeScript, focusing on detecting bugs with TypeScript and ESLint. The importance of type… | ||
| How I Automated Code Changes for 100 Repositories: Getting Started With Codemods | Konstantin Klimashevich | link |
This talk discusses automating code changes for Android repositories, utilizing tools like JSCodeShift and Abstract Syntax Tree. The speaker shares a real use… | ||
| Power Up your GraphQL Apps with CDNs | Naz Delam | link |
This talk discusses how to grow GraphQL apps with CDNs by exploring concepts like caching, freshness, and validation. It explains how CDNs cache content closer… | ||
| Best Practices and Advanced TypeScript Tips for React Developers | Maurice de Beijer | link |
This workshop covers various TypeScript and React-related topics, including TypeScript compilation and type checking, prop definitions, data validation, and… | ||
| Crash Course into the Jamstack with Next.js & Storyblok | Arisa Fukuzaki, Chakit Arora | link |
This workshop on Web Development covers topics like static and dynamic web pages, the Jamstack approach, content management systems, and the usage of… | ||
| Making an Open Source Library Financially Sustainable | John Robb | link |
The talk discusses how an open source library, ReactFlow, was made financially sustainable. Various methods were tried, including Github sponsoring and cross… | ||
| Designing Effective Tests with React Testing Library | Josh Justice | link |
This workshop on designing effective tests with React Testing Library covers topics such as testing the contract and rendered UI, using the Screen API for text… | ||
| What the Heck Do "Declarative" and "Reactive" Actually Mean? | André Kovac | link |
This workshop explores the concepts of declarativeness and reactiveness in front-end frameworks like React and Svelte. It discusses the challenges of working… | ||
| The State of React Tooling | Jonny Burger | link |
The talk discusses over 20 JavaScript tools commonly used by developers, including transpilers and bundlers. It highlights the pros and cons of various tools… | ||
| Building for Web & Mobile with Expo | Josh Justice | link |
React Native Web allows for building mobile and web apps with one code base. The workshop covers setting up an app skeleton, configuring navigation… | ||
| Writing Chrome Extensions in React | Riaz Virani | link |
This talk is about making Chrome extensions in React. The speaker demonstrates a boilerplate project and shows how easy it is to get started. The talk also… | ||
| A Nutshell Guide to React Native DevOps | Moataz Nabil | link |
Today we are discussing the challenges faced by React native developers in mobile deployment. Automation is the key to spending less time on tasks and focusing… | ||
| End-To-End Type Safety with React, GraphQL & Prisma | Sabin Adams | link |
This workshop focuses on building a full-stack application with end-to-end type safety using React, GraphQL, and Prisma. It covers topics such as setting up… | ||
| Digital Ecology: How Can You Mitigate the Carbon Footprint of Websites? | Katarzyna Wojdalska | link |
This talk discusses digital ecology and reducing the carbon footprint of websites. Techniques such as using JavaScript or TypeScript, lighter libraries, and… | ||
| Consistent UX at Scale: Lessons Learned When I Wore the DesignOps Hat | Matheus Albuquerque | link |
This talk covers the challenges of implementing accessibility in design systems and the importance of using existing libraries. It also emphasizes the use of… | ||
| Using MediaPipe to Create Cross Platform Machine Learning Applications with React | Shivay Lamba | link |
Welcome to a talk on using MediaPipe for cross-platform machine learning applications with ReactJS. MediaPipe provides ready-to-use solutions for object… | ||
| Staying Safe In a Concurrent World | Andreas Roth | link |
The talk discusses the ramifications of the new concurrent features in React and the misconceptions around the rendering model. It explores the changes in the… | ||
| Innovate with React | Cristobal Chao | link |
A software developer named Cristobal Chao conducted a workshop on component-based development using React and Material UI. The workshop covered topics such as… | ||
| Less Struggle With Lifetimes | Egor Ogarkov | link |
The talk introduces the concept of Lifetime in software development, which is used to handle clean-ups. By using a simple object called Lifetime, engineers can… | ||
| GraphQL for React Developers | Roy Derks | link |
This workshop focuses on GraphQL for front-end developers. It explains the advantages of using GraphQL over REST APIs, such as having a single endpoint and… | ||
| How to Start Your Journey Into Mobile Accessibility? | Alessandro Senese | link |
This talk explores mobile accessibility, including the different types of disabilities and how they affect app usage. It emphasizes the importance of making… | ||
| Bringing the New React Native Architecture to the OSS Community - Fall Edition | Nicola Corti | link |
The talk discusses the new React Native architecture and its introduction to the open source community. The new architecture aims to bring React 18 to mobile… | ||
| Introduction to Library Market Place | Brendon Co | link |
This talk provides an introduction to the library marketplace, focusing on selling NPM packages and building UI libraries. It explains the steps to publish a… | ||
| 3+ Uses of React at a Game Studio | Hendrik Demmer | link |
Game development challenges and solutions include saving games in the cloud, customer support tools, and remote changes to player progress. Custom editors in… | ||
| Build a Modern GraphQL Server using GraphQL Yoga | Jamie Barton | |
-- no description -- | ||
| nothing matches | ||