React Advanced

React Advanced Conference 2022

Lenz Weber-Tronic

React Advanced Conference 2023

If you use the Next.js app directory, you might not even have noticed it, but you are not only using React Server Components, but you are also using the new streaming SSR feature of React.That means that on first page load, your Client Components will now be server-side rendered, suspense boundary by suspense boundary, and constantly streamed to the client, where they are rehydrated piece-by-piece. If you combine that with suspense for data fetching in your client components, you will suddenly be facing hydration mismatches - as your client components will start fetching data on the server, but the data will not be transported to the client. In this talk, I will go over the rocky journey that we had to go through to support suspense for data fetching in Streaming SSR with Apollo Client, looking at all the curious timing problems that come up with these technologies, and how we try to solve them as best as we can - always with the best possible user and developer experience in mind.

The Rocky Journey of Data Fetching Libraries in React’s New Streaming SSR

React Summit

React Summit 2023

With fetching libraries like TanStack Query, swr, or RTK Query becoming more widespread, some of the immediate “selling points” of GraphQL clients seem to be less unique - so it might be a good idea to take a step back and ask the question “is this even still relevant?”. And to already take the answer away - it is “yes”. The unique selling points of GraphQL go far beyond having a smooth data fetching experience by solving many inter-team and architectural problems. While it might not always be immediately evident as a benefit for us as Frontend Developers,  GraphQL gives us a lot of freedom and makes us less dependent on backend teams implementing a Backend-for-the-frontend for us. Also, while data-fetching libraries have made it a lot easier to work with REST nowadays, GraphQL still has properties that are just not present in traditional REST APIs, and on top of that GraphQL has kept evolving. New directives like @live or @defer enable developers to create a fantastic user experience with very little work - especially when combined with React’s new suspense features.

GraphQL in 2023 - Still Relevant?

"Hi, my name is Lenz and two years ago I was diagnosed with ADHD (attention deficit hyperactivity disorder)." Well, this is not going to be a self-help-group, but I think it is important to talk about this wildly underrepresented topic. Since my diagnosis, I have spent a lot of time talking to other developers about it - and many of them also have ADHD, often a late diagnosis. It seems that we are quite the vulnerable population - or rather, it seems like a lot of ADHD people are drawn towards a developer job. In this talk, I want to tell you about myself, how ADHD affected me and how the late diagnosis changed my life. But it didn't only change my life - it also affected everyone around me. As colleagues, we have found a new level of understanding with each other that helped us more than any team-building event. And in the end, made us more productive since we now know how to better use our individual strengths, instead of trying to meet social expectations. I will also talk about general ADHD symptoms and try to give you a rough overview on the topic - what kinds of treatments exist, what kind of coping strategies there are and where the line between "everybody is a bit forgetful" and "ADHD is an illness" lies. You might recognize yourself in this. Or just a close friend or colleague. Either way, this talk will give you awareness &amp; insights how the mind of a neurodivergent person can work differently - or it may even be an important wake-up-call. Disclaimer: while I have an interest in the topic and am personally affected, I am not a trained professional on the topic and everything you hear here can only be an inspiration, but never medical advice.

Dealing with ADHD as a developer

React Native is a JavaScript framework developed by Facebook that enables developers to create native applications for iOS and Android using React. It allows developers to use the same codebase to create apps on multiple platforms, while still taking advantage of the native components of each platform. It also provides a set of tools and libraries that allow developers to quickly build and deploy their applications.

React Native is a powerful, open-source JavaScript framework for creating native mobile applications. With React Native, developers can create cross-platform mobile apps that are fast, intuitive, and easy to use. This page contains talks, workshops, tutorials and presentations about React Native, designed to help developers learn more about the framework and build their skills. Learn how to create beautiful, interactive user interfaces with React Native, create powerful APIs, debug your code, and more. Get up to speed quickly and start building amazing mobile apps today!

React Native Talks, Workshops, Tutorials & Presentations: Your Guide to Mastering the JavaScript Framework

Yarn is a package manager for JavaScript. It is used to manage, install, and update packages from the npm registry. It is an alternative to the npm command line tool, providing a more secure and reliable way to install packages. Yarn also provides a faster installation process than npm and can handle larger projects with ease. It also helps you keep track of all the dependencies in your project and can be used to automate tasks such as running tests or linting.

Yarn is a powerful JavaScript package manager that helps developers create and manage projects more efficiently. With Yarn, you can easily install packages from the npm registry, keep track of multiple versions of the same package, and even collaborate with other developers on the same project. Here at our learning portal, we offer talks, workshops, tutorials, and presentations to help developers become proficient in using Yarn. Our resources cover topics such as installing and configuring Yarn, understanding Yarns CLI commands, and creating custom scripts with Yarn. Whether you are a beginner or an experienced developer, our resources will help you harness the power of Yarn and take your projects to the next level.

Yarn Talks, Workshops, Tutorials and Presentations for JavaScript Developers

While ReactJS is one of the most popular frameworks out there, it still has its limits. That’s where React Hooks come to play: they are special functions that expand the abilities of functional components. Discover the following talks and workshops that will take you through React Hooks fundamentals and advanced techniques to ensure you’re always on top of your game.

React Hooks is a powerful feature of React that allows developers to write components with fewer lines of code. On this page, youll find talks, workshops, tutorials and presentations about React Hooks, so you can learn more about this important feature and become a better JavaScript developer. Weve gathered the best resources from experts in the field, so you can quickly get up to speed with React Hooks and start using them in your own projects.

React Hooks: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

DevOps is a set of practices that combines software development (Dev) and information-technology operations (Ops). It is an approach to software development that emphasizes collaboration, communication, and automation between developers and IT professionals. DevOps is focused on automating processes to enable rapid deployment and continuous integration of applications, while also providing visibility into the entire system. This helps to ensure that the application meets customer expectations and is able to quickly adapt to changing business needs.

DevOps is a set of practices that combine software development and IT operations to shorten the systems development life cycle while delivering features, fixes, and updates frequently in close alignment with business objectives. This page contains talks, workshops, tutorials, and presentations about DevOps, which is a way of working that helps developers and operations teams collaborate better to deliver software faster and more reliably. Learn how to optimize your development workflow, increase collaboration between teams, and improve the quality of your applications with DevOps.

DevOps Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Frameworks are collections of pre-written code that provide a structure for developers to build applications. Frameworks help developers save time by providing ready-made components and tools that can be used to quickly develop an application. In the JavaScript domain, popular frameworks include React, Angular, Vue, and Node.js. These frameworks provide developers with a set of features such as component-based development, routing, state management, and more. By using these frameworks, developers can create powerful web applications faster and easier than ever before.

This page contains talks, workshops, tutorials and presentations about JavaScript frameworks. Learn from experts in the field and get up to speed on the latest frameworks for developing web applications. We cover popular frameworks such as React, Angular, Vue, Node.js, and more. Get hands-on experience with coding exercises and real-world examples. Explore the latest trends and best practices for building efficient and scalable web applications.

Talks, Workshops, Tutorials and Presentations on JavaScript Frameworks

GitHub Actions is a feature of GitHub that allows users to automate their workflow. It provides a way to create custom software development life cycle (SDLC) workflows directly in a GitHub repository. With Actions, users can set up an automated system of triggers and actions that will run when certain events occur within the repository. This makes it easier to automate tasks such as running tests, building code, deploying applications, and more.

GitHub Actions is a powerful and versatile tool for automating development workflows. This page contains talks, workshops, tutorials and presentations that will help JavaScript developers get the most out of GitHub Actions. Learn how to set up automated triggers and actions, create custom workflows, and take advantage of the many features available in GitHub Actions. Get the most out of your development process with GitHub Actions!

GitHub Actions Talks, Workshops, Tutorials, and Presentations for JavaScript Developers

Apollo is a set of JavaScript libraries that helps developers quickly build and scale their applications. It provides an easy-to-use GraphQL client and server, allowing developers to query, mutate, and manage data with ease. Apollo also offers caching, error handling, and other features that make it easier to work with complex data. Apollo can be used with any JavaScript framework and can be integrated into existing projects or used as the foundation for new ones.

This page provides talks, workshops, tutorials and presentations about Apollo, the open-source JavaScript GraphQL client. Apollo is a powerful tool for developers to build modern web and mobile applications, and this page offers resources to help you get started with understanding and using Apollo. Learn how to use Apollo to create data-driven applications, integrate with existing backends, and optimize performance. Discover best practices for building dynamic user interfaces, and find tips and tricks for debugging and troubleshooting. Whether you are a beginner or an experienced developer, there is something here for everyone.

Learn Apollo: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Webpack is a module bundler for modern JavaScript applications. It takes modules with dependencies and generates static assets representing those modules. Webpack provides a unified approach to bundling, transforming, and loading all of your project's static assets. It allows you to write modular code and bundle it together into small packages to optimize load time. Webpack also provides plugins and loaders that allow you to preprocess, minify, and transpile your code so it can run in different environments.

Webpack is a powerful and popular open source JavaScript module bundler, used to compile and bundle all of the projects dependencies into a single file. This page contains talks, workshops, tutorials and presentations about webpack, designed to help JavaScript developers understand how to use webpack for their projects. Learn how to configure webpack, optimise build times, debug issues and more from experienced professionals.

Unlock the Power of Webpack: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Developer experience (DX) is the overall satisfaction of a developer when using a particular technology. It encompasses aspects such as ease of use, performance, scalability, security, and documentation. DX helps developers to quickly understand the technology, build applications faster, and provide better user experiences. In the context of JavaScript, DX includes features such as code readability, modularity, reusability, and compatibility with other technologies. It also involves understanding the unique challenges of developing for the web and how to best utilize the language’s features. By having a good DX, developers are able to create applications that run efficiently and offer users a great experience.

Developer experience is a term used to describe the overall satisfaction of developers when using a product or service. It encompasses everything from the design and usability of the product, to the quality of customer support and documentation. At our learning portal, we offer talks, workshops, tutorials and presentations that focus on developer experience. Our goal is to help developers create better products by understanding the needs of their users, improving their workflow, and providing them with the tools and resources they need to succeed.