React Conference Live 2022

React Live in-person took place on 1 April at Theater Amsterdam, our next JavaScript Conference will be JSWORLD Conferences (1-3 June 2022) in-person at Theater Amsterdam. Tickets are now for sale via www.jsworldconference.com Like to be kept up to date about all JSWORLD Conference Videos? https://www.jsworldconference.com/newsletter Organised by https://passionatepeople.io #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Aashima Ahuja - React Server Components JSWORLD Conferences Like to be kept up to date about all JSWORLD Conference Videos? https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworldafrica #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Anuradha Kumari - Taking Next Apps to the Next Level Slides: https://drive.google.com/file/d/1yMgW30BJAH9GR80ZdSp1O6VQ1XbYrSaK/view?usp=sharing This talk will cover coding tips on creating accessible and SEO friendly Next JS applications. You will also learn how to create rich social media sharing preview for your websites and applications. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Arisa Fukuzaki - i18n Guide in the world of JamStack Do you want to know the efficient approach i18n and localization in the Jamstack world? Join my talk, and I'll show you multiple strategies to translate and localize your content. I'll share with you some useful tips in a practical way, including what's to keep in your mind for the future and how to scale your solution in the future. https://www.jsworldconference.com/ #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Debbie O'brien - Component Driven repo for a component driven world We think in monorepos when we want to share components across many teams and apps. but let's face it, we all hate monorepos. As soon as we hear the word we just think legacy. But it doesn't have to be. But if we make our repos component driven, where we can easily share components across any repos or apps then everything changes. We really are moving towards a component driven world so lets start building in component driven repos. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Dwane Hemmings - React X Web Components: How it is and how it could be In this talk, we'll go through how Web Components are integrated into current React applications and compare that with a possible future implementation. https://www.jsworldconference.com #jsworldafrica #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Ives van Hoorne - CodeSandbox Projects CodeSandbox Projects is the new version of CodeSandbox that enables the workflow of CodeSandbox today, but for projects of any size. During this talk, Ives will share the story of how Projects was created, and how we made it technically possible to build Projects. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Maggie Appleton - A Picture worth a Thousand Programmes "A Picture Worth a Thousand Programmes" – is an exploration of why we don't use more visual explanations and embodied knowledge in our programming tools. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Medhat Dawoud - Cheap performance wins in React Optimizing performance is a great win to any online business, usually, it is an expensive process due to the deep required knowledge, and the time you might spend diagnosing the problems, however, there are some cheap wins that could be adopted easily by understanding the reasons behind the problems. in this talk, you will learn why performance matters? how fast is fast? tools to measure it, and cheap fixes that can be applied right away and make an impact to your web app performance https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Michael Jackson - Supporting many JavaScript Runtimes in Remix [Remix]https://remix.run is an open source web framework from the creators of React Router. From its inception, the Remix server has been designed to support any JavaScript runtime, not just Node.js. This flexibility enables Remix to run natively anywhere, including Node.js, Cloudflare Workers, and even Deno. In this talk we'll discuss how we built it, and the advantages of being able to run your entire app at the edge! https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Nader Dabit Full Stack Web3 - The Technology Stack for the Decentralized Web Nader will take you on a tour through Full Stack web3 - The technology stack for the decentralized web. Nader has brought amazing content in the past months in the Web3 Space. Check out his tutorial regarding building a full stack web3 app with Next.js, Polygon, Solidity, The Graph, IPFS, and Hardhat. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Nikhil Sharma - Road to a better UX with Suspense and Concurrent UI Slides: https://drive.google.com/file/d/1bmnjB2MC2p4GCk2gjVF4xPWuX6jDn_1C/view?usp=sharing Loaders are something that we display 100's of times in our application, even where we don't need them. Why not remove them already? React’s Suspense and Concurrent mode, as introduced at JSConf Iceland have been a big topic of discussion amongst developers as it offers a different set of approaches for async rendering, data fetching, etc. This talk would showcase how a better and a responsive UX can be implemented by this new API set including topics like:- 1. React Suspense - The react docs states that according to their survey when comparing two apps with the same absolute startup time, our research shows that users will generally perceive the one with fewer intermediate loading states and fewer layout changes as having loaded faster. The practices would include:- 1.1 A demo showing how we can control the semantic order in which our components should appear, regardless of which is retrieved from the server first, using SuspenseList 1.2 Fetch in event handlers:- In order to remove the problem of waiting until the data is retrieved, the approach would be to start fetching code and data for a new view in the same event handler that triggers showing that view. 2. Concurrent mode - Now we are multi-threaded with javascript? We will find out in this talk. 2.1 Incremental Data loading for improved UI interactions - Using concurrent mode to render screens in memory while the user is busy interacting with other screens! 2.2 Wouldn't it be good if your users, on faster connections don't see those loading state stutters? Yes, its possible with useTransition hook provided by concurrent mode. Note My talk would be based on a demo created by me which would highlight 2 same apps written in an old school way vs Suspense and Concurrent mode's way. I will be sharing the relevant link to the talk below. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Roy Derks - Kiling BFFs with GraphQL and Next.js "Frontend applications are getting more and more complicated, often delivering far more than just a UI. With this growing complexity comes a growing need for knowledge from the developers creating it, as they have to deal with matters like state-management, authorization, routing and more. In this talk Roy will show you how to use GraphQL in your Next.js application to create a data layer for your application, that exists between your frontend and your backend. In this data layer, you can handle complex matters to help you to keep your frontend application clean and ""stupid""." https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Sid Kshetrapal - Walking the line between Flexibility and Consistency in Component libraries Component libraries can help bring consistency to a brand's design and make the UI development productive. Components with well thought API can make this a breeze. But, sometimes an API choice can accidentally overstep and slow the team down! There's a balance there... somewhere. Let's explore some of the problems and possible creative solutions. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Simeon Griggs-Localization for real-world use-cases: Key learnings from onboarding global brands i18n isn't easy, but with careful planning of your content model I'll show you how to structure the setup, authoring and querying of localized content. Covering whole-or-part translated documents, difference between market and language-specific content, ways to author that in a CMS like Sanity and ways to query for it on front ends like Next.js and Remix. I'm working on these materials for Sanity.io and would like to turn it into a presentation – https://demo-course-platform.sanity.build/localization-with-sanity-io/introduction-to-localization https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

JSWORLD Conferences Like to be kept up to date about all JSWORLD Conference Videos? https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworldafrica #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Luc van Kampen - Passwordless with Web 3 and React Ever been curious about passwordless authentication or web3? Ready to throw away your password forever? Join my talk and learn about the world of web3 authentication and what web3 technology could do for us us. https://www.jsworldconference.com #reactlive #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt