portal.gitnation.org Open in urlscan Pro
151.101.1.91  Public Scan

Form analysis
2 forms found in the DOM

#

<form action="#" class="search-top"><input type="text" placeholder="Try our new AI context search..." class="search-top__input" value=""><svg class="icon icon-zoom">
    <use xlink:href="/img/sprite.svg?v3#zoom"></use>
  </svg></form>

#

<form action="#" class="search-wrap">
  <div class="search-wrap__controle"><input type="text" placeholder="Search..." class="search-wrap__input"><svg class="icon icon-zoom">
      <use xlink:href="/img/sprite.svg?v3#zoom"></use>
    </svg></div>
  <div class="search-wrap__tools"><button type="button" class="btn btn--sm btn--ternary">How to boost career</button><button type="button" class="btn btn--sm btn--ternary">new nodejs features</button><button type="button"
      class="btn btn--sm btn--ternary">react concurrent mode</button></div>
</form>

Text Content

GitNation

 * About us
 * FAQ
 * Support/Feedback
 * Nation`s stats

Log in

 * Discover
 * Events
 * Talks
 * Workshops
 * People
 * Articles
 * Multipass
 * All tags


 * Login
 * About us
 * FAQ
 * Support/Feedback

Follow us

Main menu
 * Discover
 * Events
 * Talks
 * Workshops
 * People
 * Articles
 * Multipass
 * All tags

Popular
javascriptreactvuesveltenext.jsbuilders and foundersweb
developmenttypescriptfrontendnode.jsbest practicescode
qualityperformancefullstackreact componentsreact hookscsstestingstate
managementdevtools
Follow us

Upcoming events
Korben
Dallasvisa@gitnation.org
Want to have access to all events for 4x less?
Learn more
TestJS Summit 2023
December 7 - 11, 2023
Details
React Day Berlin 2023
December 8 - 12, 2023
Details
TechLead Conference 2024
February, 2024
Sign up for updates
DevOps.js Conf 2024
February 15 - 16, 2024
Details
Node Congress 2024
April 4 - 5, 2024
Details
Vue.js Live 2024
May, 2024
Sign up for updates
JSNation 2024
June 13 - 17, 2024
Details
React Summit 2024
June 14 - 18, 2024
Details
tags
Discover all tags
javascriptreactvuesveltenext.jsbuilders and foundersweb
developmenttypescriptfrontendnode.js
Talks from our events
TestJS Summit 2023
December 7 - 11, 2023
React Summit US 2023
November 13 - 15, 2023
React Advanced Conference 2023
October 20 - 24, 2023
JS GameDev Summit 2023
September 28 - 29, 2023
TypeScript Congress 2023
September 21 - 22, 2023
React Summit 2023
June 2 - 6, 2023
JSNation 2023
June 1 - 5, 2023
Vue.js London 2023
May 12 - 15, 2023
Node Congress 2023
April 14 - 17, 2023
TechLead Conference 2023
March 9 - 10, 2023
GraphQL Galaxy 2022
December 8 - 9, 2022
React Day Berlin 2022
December 2 - 5, 2022


How to boost careernew nodejs featuresreact concurrent mode
Trending today
Simplifying Server Components
React Advanced Conference 2023
27 min

Simplifying Server Components
Mark Dalgleish
Shopify
Server Components are arguably the biggest change to React since its initial
release but many of us in the community have struggled to get a handle on them.
In this talk we'll try to break down the different moving parts so that you have
a good understanding of what's going on under the hood, and...

react server components
React Forget Compiler - Understanding Idiomatic React
React Advanced Conference 2023
33 min

React Forget Compiler - Understanding Idiomatic React
Joe Savona
Meta
React provides a contract to developers- uphold certain rules, and React can
efficiently and correctly update the UI. In this talk we'll explore these rules
in depth, understanding the reasoning behind them and how they unlock new
directions such as automatic memoization. 

build toolsbuilders and foundersreact
Mastering advanced concepts in TypeScript
React Summit US 2023
132 min

Mastering advanced concepts in TypeScript
Featured WorkshopFree
Jiri Lojda
TypeScript is not just types and interfaces. Join this workshop to master more
advanced features of TypeScript that will make your code bullet-proof. We will
cover conditional types and infer notation, template strings and how to map over
union types and object/array properties. Each topic...


React Performance Debugging Masterclass
React Summit 2023
170 min

React Performance Debugging Masterclass
Featured WorkshopFree
Ivan Akulov
Ivan’s first attempts at performance debugging were chaotic. He would see a slow
interaction, try a random optimization, see that it didn't help, and keep trying
other optimizations until he found the right one (or gave up).
Back then, Ivan didn’t know how to use performance de...

advancedperformancebest practicesreactdebug
HTTP/3 Performance for JS Developers
JSNation 2023
21 min

HTTP/3 Performance for JS Developers
Robin Marx
Akamai Technologies
HTTP/3 is the hot new networking protocol, available today! While you get most
of its benefits out-of-the-box, there are also quite some things you can and
should do to get maximise performance.
In this talk, we look at optimizing JS payloads for the first network round
trips,...

performance
You Can’t Use Hooks Conditionally… or Can You?
React Summit 2023
28 min

You Can’t Use Hooks Conditionally… or Can You?
Charlotte Isambert
Bam.tech
It’s the hooks rule number one: “Only call hooks at the top level”.
But what if I told you that this rule does not apply to every hook? One of them
can actually safely be used conditionally. 
To understand how useContext is different from other hooks, and why...

reactreact hooks
React Slots: a New Way of Composition
React Advanced Conference 2022
21 min

React Slots: a New Way of Composition
Neo Nie
Revolut
In this talk we will learn what is Slots and what does it mean to the React
ecosystem, what's the current state and the future.

patternsreactreact 18
A Guide to React Rendering Behavior
React Advanced Conference 2022
25 min

A Guide to React Rendering Behavior
Mark Erikson
Replay.io
React is a library for "rendering" UI from components, but many users find
themselves confused about how React rendering actually works. What do terms like
"rendering", "reconciliation", "Fibers", and "committing" actually mean? When do
renders happen? How does Context affect rendering, and how d...

performancereactdeep dive
Unreal Engine in WebAssembly/WebGPU
JS GameDev Summit 2022
33 min

Unreal Engine in WebAssembly/WebGPU
Alex St. Louis
Wonder Interactive
Traditionally, browser games haven't been taken seriously. If you want to target
the web, that traditionally has meant compromising on your vision as a game
developer. Our team at Wonder Interactive is on a mission to change that,
bringing one of the world's premiere native game engines to the br...

game enginewebgpuwebassemblywebglgame development
Rethinking CSS - Introducing Stylex
React Finland 2021
25 min

Rethinking CSS - Introducing Stylex
Naman Goel
Facebook
CSS + superpowers - bloat. How Stylex creates a zero-cost abstraction that gives
CSS superpowers.

csscss-in-js


Featured
A Framework for Managing Technical Debt
TechLead Conference 2023
35 min

A Framework for Managing Technical Debt
Alex Moldovan
CodeSandbox
Let’s face it: technical debt is inevitable and rewriting your code every 6
months is not an option. Refactoring is a complex topic that doesn't have a
one-size-fits-all solution. Frontend applications are particularly sensitive
because of frequent requirements and user flows changes. New abstrac...

developer challengescase studyteam productivity
The Rise of the AI Engineer
React Summit US 2023
30 min

The Rise of the AI Engineer
Shawn Swyx Wang
Latent.Space
We are observing a once in a generation “shift right” of applied AI, fueled by
the emergent capabilities and open source/API availability of Foundation Models.
A wide range of AI tasks that used to take 5 years and a research team to
accomplish in 2013, now just require API docs and a spare after...

future of developmentartificial intelligencebuilders and foundersweb development
Boost the Performance of Your WebGL Unity Games!
JS GameDev Summit 2023
7 min

Boost the Performance of Your WebGL Unity Games!
Florin Ciornei
CrazyGames
Unity, when deployed on the web, faces three critical challenges: build size,
memory usage, and overall performance. This lecture delves deep into advanced
optimization techniques to help you address each of these issues. Attendees will
gain insights into:
- Effective strategie...

performancewebglgame development
Debugging JS
React Summit 2023
24 min

Debugging JS
Mark Erikson
Replay.io
As developers, we spend much of our time debugging apps - often code we didn't
even write. Sadly, few developers have ever been taught how to approach
debugging - it's something most of us learn through painful experience.  The
good news is you _can_ learn how to debug effectively, and there's se...

best practicescase studyweb developmentdebugjavascript
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
JSNation 2023
174 min

Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
Featured WorkshopFree
2 authors
This SvelteKit workshop explores the integration of 3rd party services, such as
Storyblok, in a SvelteKit project. Participants will learn how to create a
SvelteKit project, leverage Svelte components, and connect to external APIs. The
workshop covers important concepts including SSR, CSR, static...

web developmentssrsveltefullstack
The Whimsical Potential of JavaScript Frameworks
React Summit US 2023
28 min

The Whimsical Potential of JavaScript Frameworks
Josh Comeau
The Joy of React
When it comes to building whimsical interfaces, React is a surprisingly capable
ally. In this talk, I'll show you how I use React to orchestrate complex
interactions by digging into some examples from my blog.

designfun demosanimations
The Epic Stack
React Summit US 2023
21 min

The Epic Stack
Kent C. Dodds
Epic React
Modern web development is fantastic. There are so many great tools available!
Modern web development is exhausting. There are so many great tools available!
Each of these sentiments is true. What's great is that most of the time, it's
hard to make a choice that is wrong. Seriously. The trade-offs...

future of developmentbuilders and foundersweb developmentreact
Making Magic: Building a TypeScript-First Framework
TypeScript Congress 2023
31 min

Making Magic: Building a TypeScript-First Framework
Daniel Roe
NuxtLabs
I'll dive into the internals of Nuxt to describe how we've built a
TypeScript-first framework that is deeply integrated with the user's IDE and
type checking setup to offer end-to-end full-stack type safety, hints for
layouts, middleware and more, typed runtime configuration options and eve...

builders and founderstypescriptframeworksnuxt.jsdeep divevue
The Unlikely Friendship Between React and Rust
React Advanced Conference 2023
26 min

The Unlikely Friendship Between React and Rust
Sara Vieira
axo.dev

rust
Panel Discussion 'The Future of Server-side GraphQL'
GraphQL Galaxy 2022
46 min

Panel Discussion 'The Future of Server-side GraphQL'
Featured Video
5 authors

graphql


Short takes
Automating React Native Deployments
React Summit US 2023
9 min

Automating React Native Deployments
Cecelia Martinez
Ionic
In this talk Cecelia will walk through some options for integrating automation
into your React Native deployments, including configuration, testing, code
signing, and app store uploads. Whether you are just getting started with
automation or want to build a full CI/CD pipeline, this talk will hav...

react native
Supply Chain Security Experience
Node Congress 2023
8 min

Supply Chain Security Experience
Bradley Farias
Socket Security Inc.
Developers are flooded with tools and worries provided by security vendors. From
researchers finding theoretical attacks, to time spent dealing with package
updates, to simple accidents causing downtime all of these exist. Taking some
history into account to understand the basic categories of att...

security
Game Changer! Building Search Into Your Applications
Node Congress 2023
8 min

Game Changer! Building Search Into Your Applications
Karen Huaulme
MongoDB
Building search into applications can be quite easy. This talk has been really
fun for audiences because I often get audience members involved, often building
out the code themselves, while they try to stump each other by naming the
hardest things to find. The application is hosted in a Cod...

cloudserverlessdeveloper experience
Shield Your Next.js App With a Content Security Policy
React Advanced Conference 2023
6 min

Shield Your Next.js App With a Content Security Policy
Lucas Estevão
Avenue Code
Learn why you should care about Content Security Policy (CSP) and how to
implement it in a Next.JS application to level up your security layer.
Understand CSP basics, directives, and their role in thwarting web attacks.
Moving on to Next.js, the session will delve into implementation details, cov...

next.jsframeworkssecurity
Visual CMS… cool for React devs? Now’s the time!
React Summit 2023
8 min

Visual CMS… cool for React devs? Now’s the time!
Matteo Frana
React Bricks
1. A brief history of web content management since 1996, with alternating code
and visual tools:
   - The “FTP” era: Code editors
>
FrontPage/Dreamweaver
   - The “monolithic” era: CGI/ASP/PHP simple CMSs with gray tables
>
WordPress visual
>
WordPress with ACF
   -...

case studyheadless cms
TypeScript Survival Guide: Life-Saving Tips and Techniques
TypeScript Congress 2023
7 min

TypeScript Survival Guide: Life-Saving Tips and Techniques
Lucas Santos
Klarna
Let's go through your survival kit for the TS jungle! In this talk, you'll get
the complete TS guide from simple tips to complex techniques that will help you
take the most of TypeScript not only in those large production projects, but
also in your small hobby idea. We'll explore validation...

typescripttips
Server Components with Bun
Node Congress 2023
7 min

Server Components with Bun
Jarred Sumner
Oven
An early look at using server components via Bun’s new bundler, with and without
React.

reactbundlerreact server componentsbuilders and foundersbun
The Rise of Modern Transactional Stack
React Summit 2023
7 min

The Rise of Modern Transactional Stack
Yoko Li
a16z
Databases and transactional backends are the heartbeats of our everyday lives -
they power nearly every transaction in the modern world, from booking airplane
tickets to ordering food on Doordash. The status quo of powering these
transactions today is building on top of a microservices-heavy arch...

architecture
Tired of Tech? Hit Reset with a Sabbatical or LOA
React Summit 2023
8 min

Tired of Tech? Hit Reset with a Sabbatical or LOA
Kamran Ayub
Kamranicus
Tech is tiring. Whether you’re trying to stay upskilled on the latest JavaScript
framework or wading through toxic work swamps, it feels like burnout is
constantly looming on the horizon. Sabbaticals and leaves of absence (LOAs) are
two benefits you could take advantage of to catch a much-needed...

career
Increase the Performance of Your Games using Canvas
JS GameDev Summit 2023
8 min

Increase the Performance of Your Games using Canvas
Ilia Chernetskii
Evolution
In this talk, we will dive deeper into the enormous potential of the HTML5
Canvas element as a tool for game development. Starting with an overview of the
Canvas API and its graphics capabilities, we will look at the benefits for
rendering 2D graphics for web games. Participants will gain insight...

game development


Latest
How to Use Suspense and GraphQL with Apollo to Build Great User Experiences
React Summit US 2023
27 min

How to Use Suspense and GraphQL with Apollo to Build Great User Experiences
Jerel Miller
Apollo GraphQL
For many app developers, GraphQL is instrumental in building great user
experiences. With the introduction of React Suspense, developers have an
ergonomic way to orchestrate loading states to improve upon the status quo. 
In this talk, the Apollo Client team will show you how w...

graphql
Transforming Images Using AI Without Leaving Your React App
React Summit US 2023
5 min

Transforming Images Using AI Without Leaving Your React App
Luis H. Ball Jr.
imgix
Image optimization libraries abstract away the hard parts of working with images
so that you can focus on shipping. But these tools don’t let you do complex
transformations to your existing images. Adding text, removing distracting
backgrounds, or upscaling images to higher resolution all require...

artificial intelligence
Defeat Decision Paralysis: Building a Killer Design System in Isolation
React Summit US 2023
12 min

Defeat Decision Paralysis: Building a Killer Design System in Isolation
Shaun Evening
Chromatic
These days everything has an app or website and users have come to expect
perfection out of their UIs. With the bar so high, it can be overwhelming for
those of us designing and building those experiences. 
Before you start building you need to choose fonts, type, spacing, and colours.
What...

design systemsdesign
Monitoring 101 for React Developers
React Summit US 2023
107 min

Monitoring 101 for React Developers
WorkshopFree
2 authors
If finding errors in your frontend project is like searching for a needle in a
code haystack, then Sentry error monitoring can be your metal detector. Learn
the basics of error monitoring with Sentry. Whether you are running a React,
Angular, Vue, or just “vanilla” JavaScript, see how Sentr...


Suspense for Data Fetching: How to Fetch During Render
React Summit US 2023
5 min

Suspense for Data Fetching: How to Fetch During Render
Robert Balicki
What is suspense for data fetching in React? Why does React's model make
creating network requests during render so difficult? Why does (to the
presenter's knowledge) no library besides Relay support this, despite its sheer
convenience?
In this talk, Robert will discuss how Re...

state management
Hacking an e-Reader with React
React Advanced Conference 2023
7 min

Hacking an e-Reader with React
Tiger Oakes
Microsoft
I wanted to have a tea menu to show guests and for my own reference. Turns out
e-Readers use so little power and can render HTML! I'll share how to generate an
e-book with all your drinks with React using Deno, as well as rendering a custom
cover page with SVG. Wow your friends by turning an old...

fun demoscase study
Mastering advanced concepts in TypeScript
React Summit US 2023
132 min

Mastering advanced concepts in TypeScript
Featured WorkshopFree
Jiri Lojda
TypeScript is not just types and interfaces. Join this workshop to master more
advanced features of TypeScript that will make your code bullet-proof. We will
cover conditional types and infer notation, template strings and how to map over
union types and object/array properties. Each topic...


Nested Interactive Elements: An Nightmare in Accessibility
React Advanced Conference 2023
23 min

Nested Interactive Elements: An Nightmare in Accessibility
Cat Johnson
Microsoft
There have been numerous remarkable new UX experiences developed over the years,
such as cards displaying an array of products and clickable list items with
dynamic menu options, among others. However, only a few are aware of the
challenges involved in building these structures with accessibility...

accessibility
Effective Detox Testing
React Advanced Conference 2023
159 min

Effective Detox Testing
Workshop
Josh Justice
So you’ve gotten Detox set up to test your React Native application. Good work!
But you aren’t done yet: there are still a lot of questions you need to answer.
How many tests do you write? When and where do you run them? How do you ensure
there is test data available? What do you do about parts o...

react nativetesting
Breaking the 'useEffect' Habit
React Summit US 2023
22 min

Breaking the 'useEffect' Habit
Mike North
Elementum
Do you or a loved one suffer from the all to common practice of 'useEffect'?
Have you re-rendered more times than you can count? Are you ready to
revolutionize your React code?
Explore how to optimize performance, streamline your code, and reduce errors by
challenging the conventional...

performance


Popular
React Performance Debugging Masterclass
React Summit 2023
170 min

React Performance Debugging Masterclass
Featured WorkshopFree
Ivan Akulov
Ivan’s first attempts at performance debugging were chaotic. He would see a slow
interaction, try a random optimization, see that it didn't help, and keep trying
other optimizations until he found the right one (or gave up).
Back then, Ivan didn’t know how to use performance de...

reactperformancebest practicesadvanceddebug
One Year Into Vue 3
Vue.js London Live 2021
20 min

One Year Into Vue 3
Evan You
Vue.js & Vite Creator
Vue 3 may still sound new to many users, but it's actually been released for
over a year already. How did Vue 3 evolve during this period? Why did it take so
long for the ecosystem to catch up? What did we learn from this process? What's
coming next? We will discuss these questions in this talk!
<...

vuevue 3
Build a 3D Solar System with Hand Recognition and Three.js
JSNation 2022
36 min

Build a 3D Solar System with Hand Recognition and Three.js
Liad Yosef
Duda
We live in exciting times. Frameworks like TensorFlowJS allow us to harness the
power of AI models in the browser, while others like Three.js allow us to easily
create 3D worlds. In this talk we will see how we can combine both, to build a
full solar system, in our browser, using nothing bu...

tensorflow3dthree.js
Testing Mail Service With Playwright
TestJS Summit 2022
17 min

Testing Mail Service With Playwright
Kat Kmiotek
Zoopla
We send emails to our users - account verification and newsletters. We allow the
user to contact us by sending an email via inbuild form. Do we? Does the user
receive an account verification email or exactly what notification they signed
up for? We can cover this functionality as part of E2...

javascripte2e testing
Using useEffect Effectively
React Advanced Conference 2022
30 min

Using useEffect Effectively
David Khourshid
Stately
Can useEffect affect your codebase negatively? From fetching data to fighting
with imperative APIs, side effects are one of the biggest sources of frustration
in web app development. And let’s be honest, putting everything in useEffect
hooks doesn’t help much. In this talk, we'll demystify the us...

reactbest practicesstate management
Future Features of JS?!
JSNation 2022
28 min

Future Features of JS?!
Hemanth HM
PayPal
Curious to know what are some of the potential JS features that are cooking
right now?
Yes are at the right place! This talk will be walking you through such features
with code samples and some insights from the TC39 meeting notes about them.

javascripttc39
Multithreaded Logging with Pino
JSNation Live 2021
19 min

Multithreaded Logging with Pino
Matteo Collina
Platformatic
Almost every developer thinks that adding one more log line would not decrease
the performance of their server... until logging becomes the biggest bottleneck
for their systems! We created one of the fastest JSON loggers for Node.js: pino.
One of our key decisions was to remove all "transport" to...

node.jsobservability
Effective Performance Testing to your Server with Autocannon
TestJS Summit 2021
36 min

Effective Performance Testing to your Server with Autocannon
Tamar Twena-Stern
XM Cyber
Performance testing expertise that is developed for a long time. In order to
measure your server performance you need a tool that can efficiently simulate a
lot of abilities and give you good measurements according your analysing
criteria.
Autocannon NPM library gave me exactly that - that...

performancetestingautomation
Making Multiplayer Games with Colyseus, Node.js and TypeScript
JS GameDev Summit 2022
31 min

Making Multiplayer Games with Colyseus, Node.js and TypeScript
Endel Dreyer
Colyseus
By interacting with the Colyseus community over the past few years, some
fundamental questions (not necessarily connected with the framework) seem to
appear time and time again when developers start to build their own multiplayer
games. This talk is going to cover some of these questions, as well...

case studygame developmentgame server
Next.js 13: Data Fetching Strategies
React Day Berlin 2022
53 min

Next.js 13: Data Fetching Strategies
WorkshopFree
Alice De Mauro
- Introduction
- Prerequisites for the workshop
- Fetching strategies: fundamentals
- Fetching strategies – hands-on: fetch API, cache (static VS dynamic),
revalidate, suspense (parallel data fetching)
- Test your build and serve it on Vercel
- Future: Server compone...

performancenext.jsbest practicesreact server components


JavaScript
What is "TC39: Type Annotations" aka the Types as Comments proposal
TypeScript Congress 2023
27 min

What is "TC39: Type Annotations" aka the Types as Comments proposal
Orta Therox
A deep dive into the proposal which could de-fork TypeScript and bring all us
users back to being "JavaScripters, but with some TypeScript types." We'll cover
the author's motives, how it could work, why now and how it is going.ort

typescriptjavascriptdeep diveweb standards
Game Development Patterns and Architectures in JavaScript
JS GameDev Summit 2023
28 min

Game Development Patterns and Architectures in JavaScript
Olayinka Atobiloye
GitHub
In the realm of game development, the right architecture and design patterns can
make all the difference. This session delves into the world of game development
patterns and architectures in JavaScript, offering a comprehensive exploration
of the techniques and strategies used to create engaging...

javascriptarchitecturepatternsgame development
Leveraging the Event Loop for Blazing-Fast Applications!
React Advanced Conference 2023
35 min

Leveraging the Event Loop for Blazing-Fast Applications!
Michael Di Prisco
Jointly
Some weeks ago I made my own implementation of signals, capable of updating 300k
times the DOM in circa 600ms. Leveraging the Microtask Queue, I was able to
bring that number down to 6ms, effectively improving performances by 100x. I
wanna share how the Microtask Queue works and how you can lever...

performancecase studyjavascriptweb development
0 to Auth in an Hour Using NodeJS SDK
Node Congress 2023
63 min

0 to Auth in an Hour Using NodeJS SDK
WorkshopFree
Asaf Shen
Passwordless authentication may seem complex, but it is simple to add it to any
app using the right tool.
We will enhance a full-stack JS application (Node.JS backend + React frontend)
to authenticate users with OAuth (social login) and One Time Passwords (email),
including:

javascriptnode.jsauthentication
Securing Your Software Supply Chain
Node Congress 2023
21 min

Securing Your Software Supply Chain
Darcy Clarke
vlt
The software supply chain is under constant attack and threat actors are finding
new ways to exploit and profit off the cracks in its foundations. Of course, the
JavaScript ecosystem is at the heart of this problem as it has grown accustomed
to relying on small, interdependent modules made...

javascriptsecurity
How I Like to Write JavaScript
JSNation 2023
26 min

How I Like to Write JavaScript
Caleb Porzio
Creator of AlpineJS & LaravelLivewire
I love writing JavaScript. It feels lightweight, free-form, and flexible--all
qualities that boost creativity and invite me to practice new and interesting
techniques. Over time, I've developed lots of patterns and principles that help
me day to day. In this talk, I'll show you a handful of them...

javascriptframeworksbuilders and founders
JavaScript Iteration Protocols
JSNation 2023
27 min

JavaScript Iteration Protocols
Luciano Mammino
fourTheorem
How many ways do you know to do iteration with JavaScript and Node.js? While,
for loop, for...in, for..of, .map(), .forEach(), streams, iterators, etc! Yes,
there are a lot of ways! But did you know that JavaScript has iteration
protocols to standardise synchronous and even asynchronous iteration...

javascript
Zod === Typescript, but at Runtime in Your React Applications
React Summit 2023
8 min

Zod === Typescript, but at Runtime in Your React Applications
Luca Del Puppo
NearForm
In this talk, I want to show how we can use Zod to guarantee the type in a React
Application at runtime. Environment variables, HTTP requests, forms and so on
could create troubles in our applications, mainly if they contain unexpected
types. Using Zod, we can create schemas to guarantee th...

best practicestypescriptscalabilityjavascriptweb developmentsecurity
Are the (module) types wrong?
TypeScript Congress 2023
30 min

Are the (module) types wrong?
Andrew Branch
Microsoft
Have you ever installed a dependency, imported it just like the README
instructs, and immediately been met with strange TypeScript errors about default
imports, the output module format, or ESM/CommonJS interoperability? When
everything works at runtime but TypeScript complains, you might w...

typescriptjavascriptbuild tools
I Run Code From the Internet!
React Advanced Conference 2023
20 min

I Run Code From the Internet!
Zbyszek Tenerowicz
MetaMask
Is it wise to run code from strangers? Well, we do it all the time and there's
no backing out of it. 
Let's take a look at how a JavaScript project could get hacked and then defend
itself from supply chain attacks. 
Limit access to globals for each package? Sure. Control...

javascriptweb developmentsecurity


React
Virtual DOM: Back in Block
React Summit US 2023
9 min

Virtual DOM: Back in Block
Aiden Bai
Dimension (dimension.dev)
The virtual DOM is generally regarded as a necessary evil, a performance tax
that we have to pay for the convenience of declarative UIs.Until now.In this
talk, we'll take a deep dive into what the block virtual DOM is (an new,
innovative approach to VDOM), and how Million.js can help you im...

reactperformance
Wait, You're Shipping React Native to the Web?!
React Summit US 2023
32 min

Wait, You're Shipping React Native to the Web?!
Taz Singh
Guild
This talk focuses on building a production-grade consumer social application -
https://guild.host . If you visit that site, would you be able to tell it's
built using React Native just by looking and using it?
At a high level, Taz talks about what makes that possible and how the...

reactreact nativereact components
Game Development with ReactJS, CSS, and React Three Fiber
JS GameDev Summit 2023
22 min

Game Development with ReactJS, CSS, and React Three Fiber
Jorge Rubiano
Huge
In this talk, I will share my experience in game development using ReactJS/CSS.
We will explore how to make the most out of the component management provided by
this library, along with the capabilities of CSS for creating an appealing user
interface. Additionally, we will uncover how to leverage...

reactcomponent libraryuser interfacesgame development
Supercharging React Apps with WASM
React Summit 2023
25 min

Supercharging React Apps with WASM
Mukkund Sunjii
ORTEC
WASM has taken over the web-development scene in the past few years. It is a
language that can be run by the web platform alongside with Javascript. Being
treated as a target language, a variety of low-level, statically-typed languages
such as C++ and Rust can be compiled to WASM. Thus, a variety...

reactwebassembly
Hydration, Islands, Streaming, Resumability… Oh My!
React Advanced Conference 2023
26 min

Hydration, Islands, Streaming, Resumability… Oh My!
Matheus Albuquerque
Medallia
Our ecosystem can be overwhelming! First, we had the rise of SSR and SSG—and
each had its own gigantic pile of frameworks and tools. Then partial hydration
enabled us to hydrate only some of our components on the client, which we've
seen in React Server Components. 
But what ab...

reactarchitecturereact server componentsdeep dive
No CRA? What now?
React Summit 2023
7 min

No CRA? What now?
Juri Strumpflohner
Nx
So CRA is no more and it probably was about time. The React docs suggest Next,
Remix or Gatsby...but you're not ready yet for a full-blown React Meta-Framework
and really just want pure React. Any alternatives? In this talk, I'm going to
explore exactly that. We've got 7 minutes, so no slid...

reactcase studybuild tools
React Concurrency, Explained
React Summit 2023
23 min

React Concurrency, Explained
Ivan Akulov
PerfPerfPerf
React 18! Concurrent features! You might’ve already tried the new APIs like
useTransition, or you might’ve just heard of them. But do you know how React 18
achieves the performance wins it brings with itself? In this talk, let’s peek
under the hood of React 18’s performance features: - How React...

reactperformancebest practicesreact 18deep dive
How to Use Suspense and GraphQL with Apollo to Build Great User Experiences
React Advanced Conference 2023
29 min

How to Use Suspense and GraphQL with Apollo to Build Great User Experiences
Jerel Miller
Apollo GraphQL
For many app developers, GraphQL is instrumental in building great user
experiences. With the introduction of React Suspense, developers have an
ergonomic way to orchestrate loading states to improve upon the status quo. In
this talk, the Apollo Client team will show you how we built a non-trivia...

reactgraphqlapolloreact 18
Patterns for Performance
React Advanced Conference 2023
28 min

Patterns for Performance
Stephen Cooper
AG Grid
When working with React it is important that we use the right tool for the right
job. If not we will be missing out on the best performance and developer
experience. While optimising AG Grid React Table we discovered a number of
patterns that made significant improvements to the tables performanc...

reactperformancepatterns
Zod === TypeScript, but at Runtime in Your React Applications
React Advanced Conference 2023
20 min

Zod === TypeScript, but at Runtime in Your React Applications
Luca Del Puppo
NearForm
Many Javascript developers have added typescript to their projects in the last
few years. But how many of them are sure of their types at runtime? Can types be
guaranteed on runtime too?
Using Zod that can be realized! Let's see together how we can use Zod to improve
the awaren...

reacttypescripttype safetyruntime


Free workshops
Building Reusable Server Components in NextJS
React Summit US 2023
88 min

Building Reusable Server Components in NextJS
WorkshopFree
2 authors
React continues to evolve their beta capability, React Server Components, and
they're continuing to further develop them in partnership with frameworks like
NextJS.
In this workshop, attendees will learn what React Server Components are, how to
effectively build and use them in NextJS, and...


The Gateway to Backend: A Frontend Developer's Guide to Full-Stack Development
React Summit US 2023
160 min

The Gateway to Backend: A Frontend Developer's Guide to Full-Stack Development
WorkshopFree
Amy Dutton
This workshop will guide you through the product development life cycle of
creating a real-world web application. You will learn about React Server
Components, building a design system within Storybook, and using frontend
development to approach becoming a full-stack developer. The workshop will...


Advanced Application Deployment Patterns with React Server Components (feat. a
DIY RSC Framework)
React Summit US 2023
104 min

Advanced Application Deployment Patterns with React Server Components (feat. a
DIY RSC Framework)
WorkshopFree
Greg Brimble
The developer ecosystem is always moving fast and this year has proved no
exception. React Server Components can offer a significant improvement to
developer experience and to application performance. But I think it's fair to
say that this new server-first paradigm can be tricky to wrap your head...


Build and Deploy Instant GraphQL APIs to the Edge
React Summit US 2023
55 min

Build and Deploy Instant GraphQL APIs to the Edge
WorkshopFree
Jamie Barton
Learn how to generate instant GraphQL APIs using a data source connector
(GraphQL and non-GraphQL sources), extend and join them both with custom
resolvers and deploy to the edge without leaving the code editor.


From Todo App to B2B SaaS with Next.js and Clerk
React Summit US 2023
153 min

From Todo App to B2B SaaS with Next.js and Clerk
WorkshopFree
Dev Agrawal
If you’re like me, you probably have a million side-project ideas, some that
could even make you money as a micro SaaS, or could turn out to be the next
billion dollar startup. But how do you know which ones? How do you go from an
idea into a functioning product that can be put into the hands of...


Build a powerful DataGrid in few hours with Ag Grid
React Summit US 2023
96 min

Build a powerful DataGrid in few hours with Ag Grid
WorkshopFree
Mike Ryan
Does your React app need to efficiently display lots (and lots) of data in a
grid? Do your users want to be able to search, sort, filter, and edit data? AG
Grid is the best JavaScript grid in the world and is packed with features,
highly performant, and extensible. In this workshop, you’ll learn...

reactjavascript
Building High-Performance Online Stores with Shopify Hydrogen and Remix
React Advanced Conference 2023
104 min

Building High-Performance Online Stores with Shopify Hydrogen and Remix
WorkshopFree
Alexa Spalato
I. Introduction
- Overview of Shopify Hydrogen and Remix
- Importance of headless e-commerce and its impact on the industry
II. Setting up Shopify Hydrogen
- Installing and setting up Hydrogen with Remix
- Setting up the project structure and components
<...

remixe-commerce
Monitoring 101 for React Developers
React Advanced Conference 2023
112 min

Monitoring 101 for React Developers
WorkshopFree
2 authors
If finding errors in your frontend project is like searching for a needle in a
code haystack, then Sentry error monitoring can be your metal detector. Learn
the basics of error monitoring with Sentry. Whether you are running a React,
Angular, Vue, or just “vanilla” JavaScript, see how Sentry can...

error monitoring
Fetch, useEffect, React Query, SWR, what else?
React Advanced Conference 2023
102 min

Fetch, useEffect, React Query, SWR, what else?
WorkshopFree
Ondrej Polesny
In this workshop, first, we’ll go over the different ways you can consume APIs
in React. Then, we’ll test each one by fetching content from a headless CMS
(with both REST and GraphQL) and checking in detail how they work.
While there is no advanced React knowledge required, thi...

headless cms
Build and Deploy Instant GraphQL APIs to the edge
TypeScript Congress 2023
67 min

Build and Deploy Instant GraphQL APIs to the edge
WorkshopFree
Jamie Barton
Learn how to generate instant GraphQL APIs using a data source connector
(GraphQL and non-GraphQL sources), extend and join them both with custom
resolvers and deploy to the edge without leaving the code editor.

graphql