April 14-16, 2021
7am PST/10am EST/4pm CEST
THE BIGGEST REACT CONFERENCE IN THE CLOUD
-
3Days
React, Tooling & Ecosystem, Design Systems & more -
2Tracks
Base Camp & Summit -
60+Speakers
Sharing latest insights -
25K+Devs
From all over the globe
The Event
REACT THAT
ROCKS AND A VIRTUAL
COMMUNITY THAT DEVELOPS
Attend a three-day React conference gathering thousands of international Front-end and Full-stack engineers in the cloud.
To help you stay up-to-date on the latest React tech, the GitNation team is bringing you a fresh remote gig on April 14-16, 2021. Mark your calendars and join the most prominent virtual event for the React community. Each day will feature two tracks of talks: the Summit track for pro React developers and the Base Camp track with more mainstream content for all levels.
Besides the conference talks and hands-on React workshops, you can expect excellent MCs, virtual networking rooms focusing on tech topics, interactive entertainment, and engaging challenges for all participants.
This year, we've invited the authors and core teams of:
-
Blitz.js
-
RedwoodJS
-
Remix
-
React Query
-
XState
-
Expo
-
Snowpack
-
AWS
-
Next.js
Want to know the rest? Follow us
Features
TOP REACT SPEAKERS
Cutting edge talks from field experts followed by interactive Q&As

VIRTUAL NETWORKING
Join live chat rooms, after parties and fun activities, make new friends and new opportunities
REMOTE, SAFE, YET FUN
Socialize at remote afterparties and gaming tournaments

First Speakers & Instructors
Elizabet is a designer who likes to code. As a ReactJS enthusiast, she built and maintains React-Kawaii. A React library of fun kawaii characters that won "Fun Side Project of the Year" in React Amsterdam Open Source Awards 2018. Besides that, her passion for music and past experience as the first female rapper in Portugal under a major deal, led her to start Cassette Tape. The HTML5 based looper and recorder has granted her a spot in Google I/0 Dublin, in 2016. Also, a big fan of open-source, she has recently released a song for the designer/dev community called "Fork This" (2020).
Elizabet currently works as Senior Product Designer for Elastic. Her mission is to bridge the gap between front-end and design.
Core [email protected][REDACTED], ReactJS Advocate, Speaker, Producer, Synthwave Artist, Google Dev Expert.
David Khourshid (known on Twitter as David K. Piano) is a software engineer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about statecharts and software modeling, reactive animations, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.
Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is the creator of TestingJavaScript.com and he's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and React.
Tanner Linsley is an entrepreneur and open source creator who loves React and JavaScript. He has built and still maintain several well-known open source libraries like React Query, React Table, React Virtual, React Form, React Charts, React Static, and even Chart.js He co-founded Nozzle.io 6 years ago and is currently helping it grow as VP of UI and UX.
When not programming, Tanner spends his free time traveling, recording music, film-making, and vacationing with his wife and children.
Brandon Bayer is the creator of Blitz.js. He is currently a full-time maintainer of Blitz and supports himself with part-time consulting on the side. Outside of Blitz, his other passion is flying real airplanes and RC helicopters.
UI Engineer at Facebook. Author of Recoil.js
Fred is a Software Engineer living and working in San Francisco, CA. He's building snowpack & skypackjs. Fred also writes about JavaScript in his blog.
Lee is a developer, writer, and course creator. He currently works at Vercel as a Solutions Architect and leads DevRel for Next.js. He frequently speaks about front-end development, design, and the future of the web.
Swyx is passionate about Developer Tooling and Developer Communities. He currently works as Head of Developer Experience at Temporal.io and recently published the Coding Career Handbook for Junior to Senior developer careers. In his free time he teaches React, TypeScript, Storybook and Node.js CLI's at Egghead.io, and helps run the Svelte Society community of meetups.
Daria is a Speaker, Scrum Master, and Software Engineer at Workday where she builds consumer-grade web experiences for the enterprise user. When not coding, Daria is often found traveling, eating good food, and traveling to eat good food.
Juri Strumpflohner lives in the very northern part of Italy and is currently working as a JavaScript Architect and Engineering Manager at Nrwl, where he consults for some of the world's biggest companies around the globe. Juri is very involved in the community. He's a Google Developer Expert in Web Technologies & Angular, speaks at international conferences, teaches on Egghead.io, or writes articles on https://juri.dev. He's also a core member of Nx.
Director of Open Source Development at Ionic: Capacitor.js Ionic Framework Stencil.js
Talia Nassi is an international keynote speaker who delivers content on all things testing and quality. She is a developer advocate at Split.io where she works closely with engineering teams globally to ship software more efficiently. She is passionate about feature flagging, canary launches, CI/CD, testing in production, and A/B testing. She has spoken at countless conferences internationally, ranging from audiences of 100 to 4000!
Andrew is a Staff Engineer at Lyft, where he builds products for Lyft's riders. When it comes to engineering, he's especially passionate about Web performance, machine learning and systems design. When it comes to people, he loves learning about what makes people tick and building high performing teams. In a prior life, he was a Principal Engineer at Carbon Five and an Engineering Manager at Blurb Books. He lives in Oakland with his family where he spends his free time running the streets and trails, dreaming about the day we'll be able to race in person.
Online, he writes at https://www.g9labs.com
Romello Goodman is a creative technologist primarily working with web technologies. By day, he works as a software engineer at The New York Times. By night, he uses a number of different tools to explore the intersection of creativity and code.
Matthew is an internet video nerd. He's the co-founder and Head of Technology & Community at Mux, a startup building online video infrastructure for developers, a core-contributor to Video.js, the biggest HTML5 video framework, and the organizer of Demuxed, the largest video-focused dev conference/community in the world.
Full-stack developer with 18+ years of experience, currently he is head of engineering at Product Hunt (owned by Angel List). In his spare time, he organizes React.NotAConf conference and React.Sofia meetup.
Lee (larowlan) has been a major contributor to Drupal (🙀) for over 12 years. Lee is a Drupal core Framework manager, member of the Drupal security team and is passionate about code quality. More recently he has turned his focus to JavaScript, most notably React, Gatsby and Next.js, with Drupal's move to being a headless-first CMS. Lee was one of the primary architects of Drupal's testing architecture and champions automated testing and build processes. Lee has worked on several of Australia's largest websites during his 9 years as a Senior Developer with one of Australia's most trusted agencies: PreviousNext.
Trish Ta is a Staff Developer Shopify with over 9 years of experience working on web applications. She started her career in creating software for data visualization. She is currently working on front-end libraries that empower developers to build cool things on top of Shopify’s platform.
Learning by doing is the best way to learn and it’s how Colby Fayock helps others learn about Javascript, React, and the static web. His work includes writing on freecodecamp.org, videos on YouTube, and courses on egghead.io as well as his first book 50 Projects for React & the Static Web.
Jason Santos is a Senior Solution Architect at Rangle.io, where he is responsible for mentoring teams, understanding problems, finding solutions, and providing technical expertise to different projects. In the few years he has been at Rangle, he was able to contribute to the success of large projects in the Banking, Healthcare and Electronic Payment spaces, helping shape Enterprise architecture, leading teams and implementing full stack solutions using NodeJS microservices and cloud-native technologies, as well as both Angular and React. He brings with him 30 years of experience in building software across multiple languages and environments, from embedded software to IDEs and Debugging tools -- designing and implementing software frameworks and building applications on both back-end and front-end since the late 1990s. Being a certified SAFe Agilist, Jason is a strong advocate of process improvement, DevOps and agile delivery practices; he is also passionate about knowledge sharing and mentoring other developers.
Krystal has been working with development for 12 years. During this time she's had the opportunity to work in a wide range of projects from web and mobile applications to games and virtual reality. Currently, she works as a Senior Frontend Developer on the Insights team at Shopify, creating delightful data viz components. She's also been a tech coach on Rails Girls and presented talks and workshops at events like VueConf, RubyConf, Laracon, and CodeTalks. You can find out more about she's done so far on her website: http://krystalcampioni.com
Born and raised in Israel, the “Startup Nation”, Eliran is a Lead Software Engineer with a passion for Computer Science & Software Design. He holds a BSc in Computer Science from Technion – Israel Institute of Technology. Eliran led development teams in both Tel Aviv and New York, and today he lives with his wife in the Netherlands, helping to build the future of digital Health Care.
Samuel is responsible for the developer relations at Storyblok. As the headless system's head of devrel, he spends most of his time buried in the documentation and creating various experiments and demos. He always defines himself as Creative FrontEnd Knight & DesignOps enthusiast with a passion for JAMStack and the beautiful web.
As a determined community believer, he co-created multiple meetups and is always happy to help any community in need.
Naz is a Senior Software Engineer at Netflix. She is passionate about UI engineering, Psychology and cats! 🐈 .
At Netflix, she works on the product engineering team to enhance user experience across platforms. Prior to Netflix, she worked in the Finance industry as a Software Architect. 👩🏻💻 Naz is dedicated to advancing the role of women in engineering. 👩👩🏻👩🏼👩🏽👩🏾 She volunteers with Hour of Code teaching high school girls how to code and serves as a member of MentorCruise and BuiltByGirls to coach engineers. When she’s not working, you’re most likely to find her exploring the world 🌱, playing games, or curled up with a good book and a cup of coffee. 📚☕
Adam is a CTO, a web developer and consultant, web GDE, and author of open source libraries. He is an entrepreneur and co-founder of 500Tech, a company that specializes in frontend technologies. He loves coding, and he loves speaking about code. Adam is very involved in the community, and is part of the organizing team of Angular & React meetups and conferences in Israel. https://dev.to/adamklein
Software Engineer that used to build stand alone applications for data processing and mission planning systems turned into a Full-Stack Developer working with Test Driven Development, XP and Pair Programming. Also a Mom now.
Hi, I'm Josh! I'm a frontend developer from New York with a passion for open source, static analysis, and the web. I work at Codecademy as a frontend engineer on our core Web Platform team. I'm passionate about open source and bringing accessible education to the masses in a sustainable way.
Shahbaz is a Full-Stack Developer, Open Source Evangelist, Developer Advocate @ Magic, GDG Ranchi Organizer, and Mozilla Representative. He loves teaching and sharing his learnings at conferences and meetups related to Serverless, Authentication and Authorization, Google Technologies, Security, Web Extensions, SPAs, PWAs, and VR/AR/XR.
Elad Tzemach is a software engineer at Veeva Systems. He is the UI Lead for SafetyAI - a product that enables companies in pharmacovigilance to automate processes using artificial intelligence. He is passionate about AI, React, the JavaScript eco-system, web architecture and new technologies.
Taley’a is a software engineer, she has been helping her team in building and maintaining the frontend architecture of products over the last three year. She is currently working on ReactJS and has experience in other web and mobile technologies. She is an active contributor in community and loves speaking in community events and conferences. She is also interested in reading, art and traveling.
Alex is a teacher who wants to make learning web development easier and more fun for everyone. He’s working on the Developer Experience team at Prismic to make building React sites with a powerful backend easier than ever. Working in the JAMStack with any React framework is where Alex is happiest. He also teaches creative coding techniques on his site, Frontend Horse.
Tamas is a Google Developer Expert in Web Technologies and a Developer Experience Engineer. He has more than a decade of experience delivering technical training to large, prestigious organisations. He is passionate about unlocking the latest & greatest features of web development.
Matt Landers leads the DevRel team at WP Engine, after joining the company in 2019 as a Technical Architect who was (and still is) super passionate about headless. That passion ultimately played a major role in the release of Atlas, which pairs WP Engine’s industry-leading WordPress platform with Node.js hosting to enable headless solutions using modern frameworks and technologies like React, Vue, and more. Before joining WP Engine, he served as Technology Evangelist at Microsoft, where he educated developers on the advantages of adopting .NET and worked with Fortune 100 companies to build some of the largest enterprise systems as an Architect. Additionally, Matt founded Covalence, a coding bootcamp, channeling his passion for teaching developers
Kristina J. Robinson is a Software Engineering Manager at InfluxData. With over 20 years of software development experience, she is thrilled to be a part of the InfluxData UI team. Most recently, Kristina spent time in the financial tech sector working as front-end developer. Kristina graduated from Rice University with a degree in Computational and Applied Mathematics. She currently lives in San Antonio, TX, with her husband and teenage son, and has another son in college. She also has two cats, and fosters dogs and cats frequently. She plays video games with both her boys. She reads voraciously, enjoys paper crafts and knitting, and plays several musical instruments.
Jeff Hoffer is the Technical Leader for Growth at Rollbar, working to improve Rollbar's current products and assist in developing new products that engage customers by bringing Continuous Code Improvement tools to where they are. With over 20 years of experience developing software for startups and enterprises, scaling to Internet traffic, building and maintaining commercially licensed products, and developing internal enterprise tools, Jeff has worked as a Software Engineer, Software Architect and in Director and VP roles leading technology organizations at Intuit, The Bouqs Company, Lunchbox (acquired), Accordent (acquired by Polycom) and Countrywide along with consulting work at many other prominent firms. Jeff has a passion for software development which is why he loves working at Rollbar so much with the focus on improving the professional lives of developers and the strong engineering culture.
Oli is currently a Frontend Engineer & Tech Lead at Cleo working across the mobile (React Native) & web (React) products. He sits within the savings squad whose mission is to help Cleo users build a safety net of savings.
I'm Erin. An international speaker who has found a home in the React Community. Whether it’s building out projects in React or React Native, I enjoy a good Flexbox challenge and finding different UI solutions. I'm passionate about explaining things simply, learning, and cats.
After writing his first line of JavaScript, it only took Houssein three short years to become an accomplished developer, author, speaker, and advocate. He is an engineer on the Chrome and Web team at Google working on improving the open-source framework ecosystem. Houssein has given talks on progressive enhancement and building for the mobile user at dozens of conferences and events worldwide.
I'm a Software Developer with an emphasis on a JavaScript Stack(React, React Native, GraphQL, Relay, Apollo, Redux, Redux-Saga, and others).
Over the past years, I've worked mostly with Front-End applications, but I have done Back-End work with GraphQL JS.
Despite starting my career on the Web, I have been working with Mobile applications for quite some time. Due to working on cross-platform solutions like React Native, I have some experience writing Swift, Objective-C, Java, and C++.
I cherish good communication and respect. I also have some of those cliche skills = ) Fast learner and good communicator. Besides Software Development, I like writing, learning about emotions, and philosophy.
Our MC's
A frontend developer that started out writing ActionScript, did jQuery and thus has all sorts of knowledge on deprecated stuff. Currently consulting at med-tech startup Aidence to help them detect early-stage lung cancer, using React and ML. Part of a frontend development couple that produced a kid.
Ali teaches people to code. She loves Python, JavaScript, and talking about programming. She has been writing React since before es6 classes. She is a Senior Developer Advocate on the AWS Amplify team.
Ali also blogs about code, aimed mostly at a beginner audience. Her writing has gotten over a million readers in the past year. She has also spoken at over 50 events in the last few years.
When Ali's not working, you can find her watching New England sports, competing on CodeWars, taking runs around the city, rock climbing, or participating in coding community events.
Nathaniel is a Developer Evangelist at Twilio working to create magical moments for developers with their products. He is a die hard fan of JavaScript, sports, superheroes and mixed martial arts. His life goals are to have Batman's brains, Deadpool's humour, T'Challa's fashion sense, Killmonger's Wokeness, and Thanos' determination! He serves the Javascript community in the UK and the rest of Europe.
React, React Native, GraphQL and OS enthusiast.
April 14th Schedule
Learning 100 different languages is challenging, but architecting your React app to support 100 languages doesn't have to be. As your web application grows to a global audience, multilingual functionality becomes increasingly essential. So, how do you design your code such that it is flexible enough to include all of your international users? In this talk, we will explore what it means and what it looks like to build a React app that supports internationalization (i18n). You will learn several different strategies for locale-proofing your application with React contexts and custom hooks.
Learn how we built Argo, a powerful extensibility framework that allows developers to seamlessly extend Shopify's apps on every platform. Argo provides developers with APIs to execute behaviour on the main app and a component library that renders native UI identical to Shopify's own component whether it's on iOS, Android or Web. Behind the scenes, Argo uses web workers and an open sourced library called remote-ui to create a sandboxed execution environment for external scripts.
Get to Know: Web Performance and Core Web Vitals
Tamas Piros, Developer Evangelist, Cloudinary - Moderator
Panelists:
Eric Portis, Web Platform Advocate, Cloudinary
Cassidy Williams, Principal Developer Experience Engineer, Netlify
Houssein Djirdeh, Engineer on the Chrome and Web team, Google
React helped popularize the use of components to develop websites and apps. It’s a fantastic philosophy, but while components have made our websites better, the workflow for creating components hasn’t improved much. Let’s get rid of the tedious parts like wiring your components to your CMS, and let developers focus on the important parts. With Prismic Slice Machine, we’re giving developers the best workflow for creating components. In only a few minutes we’ll create a React component, wire it to our CMS, add it to Storybook, and push the component live on our site!
Synchronizing multiple streams, particularly multiple live streams, and especially when the audio is critical too, can be incredibly difficult. How, then, could you build an experience where you have a few camera angles and you want a viewer to be able to seamlessly pick one? We'll walk through a hack technique that allows you to do just that without ever having to worry about synchronization.
Fabulous secret powers were revealed to me the day I discovered Jamstack and said "By the power of Headless, I have the power!"
Find out the key features of any CMS and why the headless is the new buzzword, which everybody wants to use. I will take you on the journey through the land of headless CMS and show you why you should consider headless CMS for your next project.
When we started building the Cleo app, we noticed that a lot of functionality, design, and types were shared between web (React) & mobile (React Native). We investigated whether these could be shared within the codebase too… join me to find out what we discovered.
Netlify CEO and co-founder Matt Biilmann reflects on the history of React, the promises of the Jamstack, and the complexity that can creep into developer workflows if we don't continue to defend simplicity over time. In this lightning talk, Matt describes the trade-offs developers face to deliver large sites and introduces a new idea for a more scalable future solution.
We often talk and hear about scaling in production, but we rarely talk about scaling development. Aspects like structuring and organizing your codebase, code sharing across teams, speeding up build and test runs can play a huge role in terms of productivity for a developer team. Those aspects impact small teams but get even more evident as your team grows and especially for large enterprises.
In this talk, I will show you how to avoid a monolithic codebase, how to modularize your React app and how that might even help you speed up your CI builds: thus help you scale development as your team grows. We'll be doing this in a very concrete and practical way, using Nx as our toolkit.
The Modern Way of Making Websites in React
Alex Trost, Prismic - Moderator
Panelists:
Sadek Drobi, Prismic
Erin Fox, ConvertKit
Nader Dabit, AWS Amplify
James Q Quick, Trainer
Tired of rebuilding your React-based web framework from scratch for every new project? You're in luck! RedwoodJS is a full-stack web application framework (think Rails but for JS/TS devs) based on React, Apollo GraphQL, and Prisma 2. We do the heavy integration work so you don't have to. We also beautifully integrate Jest and Storybook, and offer built-in solutions for declarative data fetching, authentication, pre-rendering, logging, a11y, and tons more. Deploy to Netlify, Vercel, or go oldschool on AWS or bare metal. In this talk you'll learn about the RedwoodJS architecture, see core features in action, and walk away with a sense of wonder and awe in your heart.
-
DJ set by Ken Wheeler!
-
CodeNames game with Kent C Dodds!
-
Pictionary with speakers!
-
QuakeJS!
-
Chit-chat Bar with Daria Caraway and other speakers!
Are dev blogs dying out? No, they're not! Blogs are making a comeback. But sadly, most of them are lacking personal style. So, what can developers do to make their blogs unique and prettier? In this talk, I’ll show you how SVGs (as React Components) can help you take your blog from dull to awesome.
Remix is a new web framework from the creators of React Router that helps you build better, faster websites through a solid understanding of web fundamentals. Remix takes care of the heavy lifting like server rendering, code splitting, prefetching, and navigation and leaves you with the fun part: building something awesome!
Since React Summit last year, React Query has already become one of the most popular and powerful data fetching libraries for React. To celebrate, we'll be going behind the scenes to see how React Query actually works and even build our own useQuery hook in just 150 lines of code.
-
Alex Trost - Streamlining the Component Creation Process
-
Matt McClure - Remember CSS Sprites? Let’s do that with video!
-
Samuel Snopko - By the power of Headless!
-
Oliver Bates - Sharing a Codebase with React & React Native: The Holy Grail?
-
Mathias Biilmann Christensen - Keeping It Simple
React helped popularize the use of components to develop websites and apps. It’s a fantastic philosophy, but while components have made our websites better, the workflow for creating components hasn’t improved much. Let’s get rid of the tedious parts like wiring your components to your CMS, and let developers focus on the important parts. With Prismic Slice Machine, we’re giving developers the best workflow for creating components. In only a few minutes we’ll create a React component, wire it to our CMS, add it to Storybook, and push the component live on our site!
Synchronizing multiple streams, particularly multiple live streams, and especially when the audio is critical too, can be incredibly difficult. How, then, could you build an experience where you have a few camera angles and you want a viewer to be able to seamlessly pick one? We'll walk through a hack technique that allows you to do just that without ever having to worry about synchronization.
Fabulous secret powers were revealed to me the day I discovered Jamstack and said "By the power of Headless, I have the power!"
Find out the key features of any CMS and why the headless is the new buzzword, which everybody wants to use. I will take you on the journey through the land of headless CMS and show you why you should consider headless CMS for your next project.
When we started building the Cleo app, we noticed that a lot of functionality, design, and types were shared between web (React) & mobile (React Native). We investigated whether these could be shared within the codebase too… join me to find out what we discovered.
Netlify CEO and co-founder Matt Biilmann reflects on the history of React, the promises of the Jamstack, and the complexity that can creep into developer workflows if we don't continue to defend simplicity over time. In this lightning talk, Matt describes the trade-offs developers face to deliver large sites and introduces a new idea for a more scalable future solution.
It has never been easier for React developers to build native iOS and Android apps. In this talk, we'll see how quickly you can ship your app with Expo open source tools, Expo Application Services (EAS), and React Native. We'll also discuss some of the recent improvements we've made and what's coming up next.
New fullstack frameworks like Blitz.js and RedwoodJS are ushering us into a new era for fullstack development. They are mixing old concepts and ideas with cutting edge technologies to make fullstack developers more productive than ever. Watch this talk to go on a journey through time and get excited about what lies ahead.
In this talk I’ll explore a variety of techniques one can employ to ensure that their apps are running at peak performance. With a couple of small tweaks, you can make perf a built in.
April 15th Schedule
When the burden of rendering is removed from WordPress, it becomes an open source API platform. With a few plugins like WPGraphQL, you can create an extensible backend for your React apps to consume which enables modern architectures and development practices in WordPress.
The Leland Prediction
Tejas Kumar, G2i - Moderator
Panelists:
Andrei Calazans, G2i
Anurag Hazra, Timeless
GraphQL is being used in some really interesting ways in parts of the developer ecosystem that you may be surprised to hear about, including Ethereum as well as for building comprehensive graphs from various third party APIs. In this talk, I'll show how to use a similar approach to build a cloud programming interface into AWS with GraphQL and why using this approach makes sense coming from a front end developer looking to leverage their existing skillset.
Most of us have heard that tests should be isolated, composable, or deterministic, but what does that mean in practice? How do you write a good test and how does the rest of your codebase change once you do? What effect does it have on your developer experience? In this talk I'll walk through a hand full of properties good tests have, show how we can write tests that follow these guidelines in JavaScript, and discuss when to consider bending the rules a bit.
In 2020, Rangle partnered with the Survey Monkey team to migrate a legacy codebase to React. Survey Monkey’s best-in-class digital products were being held back by fragmentation and complexity, which created a lot of rework and wasted effort for their engineering teams. Working together, we implemented a number of process and architecture changes that cut the complexity and improved workflows, letting our blended team deliver results with speed and consistently, even early in the engagement. These were not one-size-fits-all solutions, but solves that were unique and fitted to the needs of the engineering and product teams. The success of the project was due to Survey Monkey’s motivated teams that were: 1) Ready to embrace change; 2) Able to keep a firm focus on the outcomes; and 3) Readily understood the complexity of the project.
This allowed us to co-create some non-intuitive solutions that engineers at similar enterprise-level companies should know about.
If your React project requires rich text editing functionality, there are a number of libraries to consider. In this session we'll look at the features of some of the key players so that you can help judge which is the best fit for your requirements.
Put up your thinking caps with Suspense and Concurrent mode! In this talk, I would discuss how to improve the existing user experience with the magic of React’s Suspense and Concurrent mode for non-blocked rendering. The talk would highlight the best practices and guidelines for the same.
As developers, we release features daily – but how do you ensure those features are working properly in production before you release them to all your users? If you ask me, the answer is feature flags! Feature flags are beneficial because they allow you to test your code in production, perform canary releases, and even conduct A/B testing. The power of React makes it easy to implement these flags. We will walk through how to easily create a feature flag in the UI, install dependencies with npm, and implement your feature flag in your react app.
Learn how you as a developer can use our InfluxDB Cloud web interface to ingest, explore, analyze, and understand your data. We'll highlight new capabilities and show you some tips and tricks to get the most out of the InfluxDB Cloud Platform.
Introduction to Remotion, a new library with which we can turn React code into MP4 videos, create our motion graphics programmatically and server-side render them. I give an overview of the priciples, the philosophy and of course we are going to code a video!
React provides a great ecosystem for React developers, but challenges often arise for multi-team organizations who get to pick the technology of their choice. As teams and projects scale, and technologies change over time, being able to provide a universal component library as a design system for an entire organization proves to be difficult.
Stencil was created to help address this issue, most notably for Ionic, which is a UI library for mobile app development using web-technologies. In this talk we’ll walk through how Ionic is able to create an Ionic React library, using custom elements (web components) as the lowest level. Using the Stencil compiler, the Ionic team is able to generate various bindings for each of the frameworks, such as React, Angular, and Vue.
The benefit of this allows the design team to focus on maintaining one codebase, while the Stencil compiler does the heavy lifting to generate the various output targets. Additionally, end-users of each framework binding get to interact with their traditional component model they’re familiar with. React developers use @ionic/react no differently than any other React component, and the same goes for Angular and Vue.
When users directly manipulate onscreen objects instead of using separate controls to manipulate them, they’re more engaged and more readily understand the results of their actions. Subtle animations can give people meaningful feedback to help clarify the result of their actions. But, the devil is in the details. What often seems simple can be complex to get right, especially when you care about accessibility. Sid shares the lessons he has learned building interactive UIs.
With the growing community and great tutorials, it's fairly easy nowadays to start building web applications with React. However, the vital aspect of accessibility is often missing which leads to web applications creating exclusions. Nothing in React prevents us from building accessible web experiences, but we need to learn to harness its power in the right way while dealing with some unique challenges caused by creating web pages with JavaScript. This talk will focus on how to solve these issues in the context of React. It'll also emphasis why it is important to build accessible web apps. In the end, I will also share some cool stuff and tools in order to make your web app more accessible.
Blockchain is arguably a future technology that can be somewhat confusing to get started. Even though there are plenty of resources scattered across the web, but to get started developing distributed apps in React on the blockchain can sound intimidating. In this talk, Vladimir Novick will share how we can get started and what you should know about blockchain architecture. If you always wanted to get into Blockchain development and didn't know where to start, this talk is for you.
In 2019, our frontend engineers were asking hard questions about the future of our frontend build system. As new engineering teams continued to spin up new frontend microservices, our custom-built platform grew increasingly fragmented. This led to more headaches for our teams, who were struggling to keep up with maintenance patches and security updates. What could we do to get ourselves out of this mess?
Come join us as we discuss how we built a new platform with Next.js at its core to solve the challenges we faced. With the momentum of the Next.js community, we were able to extend this framework with a unique plugin architecture that allowed our engineers to hot-swap new packages and tools while allowing us to upgrade entire swaths of the stack at once. At the same time, we've multiplied the productivity (and happiness) of every frontend engineer at Lyft. We'll end with some great things to share that can be taken with you to address the challenges you face scaling your own frontend platforms!
Landing a top spot on Google can have a multi-million dollar impact on your business. Starting in May 2021, the performance of your site (determined by Core Web Vitals) will be critical to your search ranking. Learn how Next.js can help you optimize your site’s performance, user experience, and SEO.
-
Lee Rowlands - draft.js, editor.js, slate.js: Choosing the Best Text Editor for Your React Project
-
Nikhil Sharma - Road to a Better UX with Suspense and Concurrent UI
-
Talia Nassi - Setting Up Feature Flags with React
-
Kristina J Robinson - Understand and Visualize your Data with InfluxDB Cloud
-
Jeff Hoffer - Using Rollbar in React
If your React project requires rich text editing functionality, there are a number of libraries to consider. In this session we'll look at the features of some of the key players so that you can help judge which is the best fit for your requirements.
Put up your thinking caps with Suspense and Concurrent mode! In this talk, I would discuss how to improve the existing user experience with the magic of React’s Suspense and Concurrent mode for non-blocked rendering. The talk would highlight the best practices and guidelines for the same.
As developers, we release features daily – but how do you ensure those features are working properly in production before you release them to all your users? If you ask me, the answer is feature flags! Feature flags are beneficial because they allow you to test your code in production, perform canary releases, and even conduct A/B testing. The power of React makes it easy to implement these flags. We will walk through how to easily create a feature flag in the UI, install dependencies with npm, and implement your feature flag in your react app.
Learn how you as a developer can use our InfluxDB Cloud web interface to ingest, explore, analyze, and understand your data. We'll highlight new capabilities and show you some tips and tricks to get the most out of the InfluxDB Cloud Platform.