Meta tags:
description=React Summit US 2025 talks, workshops, videos, speakers and partners;

Headings (most frequently used words):

react, us, the, in, summit, 2025, biggest, conference, available, other, languages,

Text of the page (most frequently used words):
and (423), the (254), react (207), for (204), with (128), components (58), min (56), development (48), challenges (45), code (44), design (44), web (44), using (44), server (41), data (39), performance (36), from (33), state (32), management (30), building (30), importance (30), like (27), coding (27), how (26), exploring (23), impact (23), optimizing (23), discussing (23), workshop (22), user (22), new (20), css (20), next (20), handling (20), tools (20), this (19), app (19), optimization (19), integration (19), applications (19), experience (18), api (18), engineering (18), real (18), workflow (18), application (18), rendering (17), build (17), client (17), full (17), compiler (17), modern (16), talk (16), developer (16), component (16), use (16), dom (16), practices (15), frontend (15), javascript (15), framework (15), through (15), you (15), into (14), understanding (14), based (14), are (14), key (14), time (14), stack (14), discusses (13), features (13), browser (13), future (13), best (12), architecture (12), enhancing (12), frameworks (12), custom (12), end (12), seamless (12), native (12), your (11), summit (11), apps (11), usage (11), styling (11), between (11), front (11), vibe (11), world (11), slots (11), suspense (11), systems (10), 2025 (10), fetching (10), accessibility (10), addressing (10), approach (10), apis (10), utilizing (10), transitions (10), context (10), implementing (10), guide (10), animations (10), feedback (9), hooks (9), quality (9), also (9), better (9), authentication (9), include (9), loading (9), view (9), dynamic (9), debugging (9), experiences (9), control (9), tanstack (9), developers (9), generative (9), learn (9), free (8), node (8), vue (8), available (8), strategies (8), projects (8), including (8), transition (8), side (8), hydration (8), emphasizing (8), storage (8), focus (8), software (8), beyond (8), potential (8), creating (8), cloud (8), issues (8), migration (8), live (8), will (8), functions (8), conference (7), navigation (7), caching (7), benefits (7), introduces (7), communication (7), driven (7), considerations (7), managing (7), efficient (7), that (7), enhanced (7), date (7), enhance (7), crucial (7), showcasing (7), create (7), process (7), push (7), covers (7), touch (7), charts (7), concept (7), out (7), libraries (7), smooth (7), platform (7), updates (7), bluetooth (7), generation (7), all (6), support (6), product (6), not (6), testing (6), error (6), focusing (6), right (6), workflows (6), ecosystem (6), video (6), when (6), explores (6), team (6), size (6), needs (6), insights (6), extensions (6), setting (6), introduction (6), panel (6), content (6), their (6), patterns (6), fiber (6), examples (6), while (6), setup (6), approaches (6), discussion (6), database (6), figma (6), feature (6), without (6), cross (6), aws (6), sdk (6), effects (6), creation (6), ios (6), cache (6), work (6), tool (6), interactive (6), human (6), leveraging (6), editor (6), visualisations (6), ssr (6), plugin (6), plugins (6), start (6), about (5), dive (5), router (5), technologies (5), shift (5), improved (5), rebranding (5), journey (5), system (5), adoption (5), lessons (5), decisions (5), adapting (5), network (5), enhances (5), solutions (5), highlighting (5), evolution (5), interactivity (5), utilization (5), mentorship (5), less (5), picker (5), grid (5), our (5), can (5), hardware (5), monitoring (5), raspberry (5), hosting (5), unique (5), discussed (5), exploration (5), library (5), git (5), offers (5), production (5), elements (5), model (5), maps (5), need (5), business (5), core (5), static (5), tooling (5), lingui (5), activity (5), mode (5), its (5), input (5), highlighted (5), hook (5), artificial (5), intelligence (5), productivity (5), power (5), complex (5), changes (5), own (5), practical (5), website (5), prompts (5), mcp (5), sentry (5), plug (5), play (5), builder (5), hybrid (5), cursor (5), conditions (4), event (4), get (4), workshops (4), fullstack (4), biggest (4), other (4), latest (4), advancements (4), along (4), improving (4), emphasizes (4), analysis (4), promoting (4), solution (4), manifest (4), access (4), different (4), sync (4), multiple (4), text (4), interfaces (4), effective (4), automated (4), interaction (4), openai (4), engineers (4), project (4), dev (4), signals (4), agnostic (4), zoom (4), visualization (4), writing (4), backend (4), micro (4), frontends (4), configuration (4), enables (4), deployment (4), involves (4), speed (4), fast (4), edge (4), across (4), postman (4), introducing (4), bundle (4), made (4), models (4), internationalization (4), translation (4), encouraging (4), slot (4), suspenseful (4), composition (4), boundaries (4), errors (4), optimizations (4), deep (4), tree (4), global (4), complexity (4), vercel (4), limitations (4), good (4), flow (4), skills (4), well (4), more (4), redwoodsdk (4), nuxt (4), advanced (4), type (4), safety (4), version (4), hands (4), selective (4), animation (4), logic (4), both (4), reusable (4), agent (4), streamline (4), loop (4), arena (4), gitnation (3), community (3), promote (3), tech (3), conferences (3), david (3), rahul (3), mateusz (3), jagodziński (3), alencar (3), ouyang (3), seungho (3), park (3), julian (3), talks (3), typescript (3), discover (3), screen (3), login (3), lie (3), amy (3), dutton (3), implementation (3), choosing (3), security (3), architectural (3), natural (3), creative (3), rsc (3), old (3), winning (3), codebase (3), automation (3), success (3), years (3), simplifies (3), missing (3), styled (3), impacting (3), discussions (3), first (3), atlassian (3), simplicity (3), background (3), scripts (3), persistence (3), session (3), memory (3), shadow (3), electric (3), functionality (3), controlling (3), customizing (3), developing (3), only (3), chris (3), navigating (3), significance (3), users (3), tasks (3), processes (3), capabilities (3), programming (3), every (3), high (3), agents (3), personalized (3), efficiency (3), integrating (3), tracking (3), garden (3), remote (3), grafana (3), dashboard (3), metrics (3), vibes (3), considering (3), role (3), evolving (3), pull (3), supporting (3), arabic (3), effectively (3), promise (3), directional (3), layout (3), properties (3), pinch (3), centric (3), files (3), github (3), points (3), critical (3), collaboration (3), dutch (3), railways (3), federation (3), transitioning (3), secure (3), calls (3), magic (3), prefetching (3), rewired (3), due (3), constraints (3), nixjs (3), understand (3), survival (3), gradual (3), lifecycle (3), faster (3), reducing (3), launch (3), services (3), provides (3), keys (3), english (3), within (3), props (3), additionally (3), angular (3), modes (3), fallback (3), demo (3), placement (3), improvements (3), delves (3), techniques (3), spatial (3), cases (3), mechanisms (3), orchestration (3), rules (3), usestate (3), cost (3), daniel (3), calling (3), planning (3), async (3), value (3), ability (3), uis (3), beautiful (3), compelling (3), simple (3), overhead (3), works (3), make (3), interactions (3), improve (3), have (3), interface (3), performant (3), foundation (3), optimize (3), sharing (3), open (3), source (3), leads (3), engineer (3), nitro (3), were (3), scratch (3), unlocking (3), reduce (3), participants (3), light (3), strict (3), explore (3), forms (3), designed (3), tough (3), conversations (3), zapier (3), principal (3), shares (3), achieving (3), level (3), separate (3), seer (3), extendable (3), modularity (3), implications (3), frame (3), visual (3), goodbye (3), nation (2), stats (2), privacy (2), faq (2), assistance (2), company (2), digital (2), nanwani (2), vitor (2), oli (2), legat (2), simon (2), james (2), swinton (2), bland (2), nicolas (2), kiril (2), peyanski (2), burr (2), newsletter (2), svelte (2), events (2), conferencia (2), más (2), grande (2), usa (2), take (2), options (2), messages (2), recommendations (2), multi (2), cake (2), actions (2), peter (2), perspective (2), rse (2), smaller (2), alignment (2), environment (2), false (2), dichotomy (2), kasia (2), sides (2), efforts (2), typography (2), transparency (2), principles (2), compression (2), lazy (2), imagekit (2), videos (2), significantly (2), costs (2), piece (2), lighthouse (2), landscape (2), panda (2), resource (2), form (2), around (2), paradigms (2), tailwind (2), emphasized (2), sassy (2), fekete (2), json (2), chrome (2), functionalities (2), contexts (2), complexities (2), wxt (2), local (2), methods (2), prevent (2), consider (2), over (2), address (2), styles (2), page (2), utilize (2), script (2), ease (2), don (2), break (2), browsers (2), overview (2), towards (2), position (2), range (2), attributes (2), applying (2), selector (2), ameer (2), sami (2), disney (2), finding (2), creativity (2), particles (2), pixels (2), purpose (2), welcome (2), daily (2), assist (2), emphasis (2), domain (2), knowledge (2), results (2), reading (2), provide (2), avoid (2), being (2), beneficial (2), personal (2), map (2), plant (2), battery (2), vibecoding (2), nature (2), rapid (2), iteration (2), deploying (2), always (2), been (2), signal (2), matt (2), left (2), layouts (2), faced (2), diverse (2), language (2), necessary (2), icon (2), independent (2), robust (2), space (2), transform (2), why (2), harder (2), than (2), think (2), serverless (2), innovative (2), authorization (2), databases (2), platforms (2), similar (2), flexibility (2), rate (2), gitlab (2), ghaad (2), akbar (2), highlights (2), representation (2), expertise (2), non (2), connect (2), fostering (2), path (2), oidc (2), kubernetes (2), modular (2), back (2), organizing (2), module (2), scalability (2), msal (2), via (2), query (2), payloads (2), dark (2), arts (2), suboptimal (2), was (2), after (2), replacing (2), advantage (2), keep (2), said (2), migrations (2), types (2), balancing (2), comparing (2), inside (2), universal (2), way (2), hadar (2), geva (2), frills (2), ruben (2), casas (2), tips (2), measuring (2), metric (2), ttu (2), usability (2), adding (2), collective (2), twice (2), amplify (2), kit (2), erik (2), most (2), henry (2), naming (2), gettex (2), defining (2), extraction (2), reads (2), thanks (2), gettext (2), named (2), default (2), list (2), projection (2), template (2), everybody (2), simeon (2), griggs (2), basics (2), individual (2), consistent (2), smoother (2), low (2), energy (2), modules (2), devices (2), manager (2), ble (2), needed (2), memorization (2), optimized (2), pointer (2), such (2), standard (2), syntax (2), mechanism (2), update (2), useeffect (2), style (2), comparisons (2), topics (2), details (2), explanation (2), gpt (2), differences (2), involvement (2), failure (2), prompt (2), industry (2), guidance (2), keeping (2), premade (2), flexible (2), enterprise (2), who (2), perfect (2), has (2), various (2), era (2), where (2), leverage (2), working (2), meta (2), making (2), expanding (2), mental (2), simplify (2), instructions (2), achieve (2), gap (2), leave (2), write (2), once (2), everywhere (2), meets (2), shem (2), magnezi (2), delivery (2), resolution (2), pixel (2), gil (2), wix (2), solving (2), behavior (2), takeaways (2), battle (2), rasmussen (2), markdown (2), includes (2), bulbs (2), machine (2), renderer (2), spring (2), motion (2), enabling (2), trade (2), offs (2), managers (2), chaitanya (2), detailed (2), designs (2), incorporating (2), reactivity (2), customization (2), resolving (2), maintaining (2), part (2), specific (2), observability (2), akash (2), memoization (2), dependency (2), external (2), adopting (2), flags (2), manipulation (2), enforcing (2), adapters (2), existing (2), physics (2), kuta (2), canvas (2), 120fps (2), speaker (2), friends (2), sam (2), optimistic (2), instant (2), chatbot (2), assisted (2), cliff (2), gemini (2), comprehensive (2), connecting (2), isolated (2), really (2), cover (2), attendees (2), effect (2), streaming (2), day (2), streamed (2), york (2), online (2), 2026, rights, reserved, conduct, policy, terms, legal, rss, feeds, contact, careers, kyle, langford, dachcom, amanda, witecki, pugh, karyna, bunta, thibault, van, den, broecke, sander, vervaeke, joran, quinten, richard, carrigan, daria, shabala, brian, whippo, maya, shavin, lera, carlo, olivier, tassinari, attending, subscribe, miss, deal, discounted, tickets, builders, founders, popular, tags, multipass, articles, mentors, people, main, menu, languages, look, nextjs, aka, remix, spas, migrating, spa, brad, westfall, pro, recording, pending, confusion, portal, game, character, promises, laws, visibility, reader, inclusive, factor, gde, women, techmaker, cypress, ambassador, ramona, schwering, 2022, perspectives, leading, lighter, java, bundles, embracing, effort, aims, case, study, trzemska, seven, year, involved, losing, growth, struggles, cleanup, unification, learned, delegation, cleo, jastrzebska, formats, bitrate, reduction, compressing, pausing, saves, bri, emergence, hoisting, revolve, utility, selecting, bree, hall, jonny, persistent, restrictions, siloed, sendmessage, extension, configurations, easier, tabs, consideration, tab, ids, leaks, redux, collision, isolate, underlying, throttling, debouncing, johnny, historical, demonstration, closing, anchor, animating, formatter, dual, layers, plain, editable, layer, color, three, himself, vast, evoking, emotions, childhood, influences, anime, games, shape, career, choices, dreams, soccer, joy, reflecting, 3js, golden, ratio, explaining, fibonacci, sequence, gpu, shaders, particle, playground, celebrating, fusion, torii, studio, cristobal, chao, jersey, poses, distinguishing, valuable, noise, two, camps, exist, excited, promoters, silent, coders, face, stereotypes, labels, field, derived, tweet, resembles, llms, research, typing, akin, comparison, prettier, shows, llm, fundamentals, essential, successful, line, relevant, question, everything, misled, determinism, outcomes, proper, structuring, adjacently, quick, multitasking, locating, turkey, legs, mousketool, tailored, repl, immersive, sessions, markers, hunting, tablet, mission, objectives, waypoint, coded, woods, hydroponic, gardening, indoor, plants, wyze, cam, outdoor, status, official, chad, gvd, involving, solar, controller, relays, soil, moisture, sensors, ssh, tail, scale, intense, temperature, installing, intensely, remotely, five, modeling, disparity, caring, cycles, bootstrapping, overcoming, stigma, ops, artist, ken, wheeler, paradigm, observables, virtual, simplified, sonar, sikathian, aligns, cognitive, showing, meeting, technical, adjustments, direction, logical, mirroring, streamlining, deepl, seccafien, pursuit, axis, offsets, equation, max, transformation, calculations, normalized, coordinate, realistic, gestures, theory, readers, griffin, file, parket, stand, backups, advantages, limiting, gitkraken, griffing, advocate, leverages, automating, achieved, copilot, mirza, pieter, eigenmans, microfrontends, sporeviewer, train, netherlands, one, monolithic, allows, multifederation, microfrontend, splitting, them, verticals, addressed, token, versatile, config, sopra, steria, eijgermans, farris, resilient, latency, unreliable, networks, requests, transfer, criticality, retries, smallpdf, faris, aziz, storytelling, intertwined, technology, aspects, nexus, unexpected, initial, vehicles, d3js, removed, facing, investigation, realities, dissecting, remove, dependencies, isr, export, rewiring, accidental, discovery, deeply, stay, adaptable, portable, creowis, tapas, adhikary, infrastructure, big, bang, risk, maintenance, outside, modernization, offering, myop, ceo, tests, cheap, laptop, reveals, issue, gives, ttf, mobile, gaming, stands, marks, initialization, evaluation, plan, action, identifying, transitioned, electron, download, statusscope, checks, regression, removing, dead, snapshots, preference, bytecode, iterating, organizational, obstacles, responsibility, benefit, lambda, cognito, identity, bedrock, recommended, connects, hanchett, lee, presents, translations, addresses, dictionaries, refactoring, eliminate, gnu, localization, compilation, reasons, underutilization, trial, hennge, abbe, explains, demonstrates, element, buttons, scoped, destructuring, name, matching, selectors, conditional, encapsulation, hygiena, abbey, perini, shifting, rows, tables, aligning, sizes, exporting, boundary, cleanliness, defensive, against, handle, sanity, notifications, wake, demonstrating, peripheral, central, hinge, health, rajni, gediya, victor, transformations, assumptions, simplification, chilipiper, inputs, explored, restoring, grouping, stable, scrolling, lists, designing, w3c, container, electronics, mattermos, jsx, createelement, createroot, scheduler, units, mount, variable, variables, callback, updating, useref, cpu, summary, covered, acknowledgment, additional, mattermost, espino, garcía, failed, display, cloudflare, artifact, news, chachibt, superpower, modifying, pair, negative, autonomy, illusion, combining, attention, parallelizable, collaborative, depth, analytics, increased, disruption, semi, death, hierarchical, interplay, investing, illustrating, constant, syncing, modalities, modality, balanced, friendly, controlled, designers, customizable, malleable, coined, jeffrey, lait, pushing, codemap, readability, winsurf, enabled, shared, interacting, bases, effectiveness, breaking, down, problems, moving, regular, refreshing, regeneration, commits, latent, smol, founder, shawn, swyx, wang, dataviz, charting, built, intuitive, what, started, interesting, sets, chart, gauges, funnels, anyone, looking, add, visualisation, samuel, but, wrapper, these, safe, route, click, reordering, encourages, hacks, backed, startup, early, stage, ever, wanted, simply, creates, entire, lets, walk, just, easy, makes, possible, redwoodjs, confidence, rendered, giving, members, netflix, g2i, replay, roles, routines, sudden, disruptions, governance, split, decision, goals, communities, globally, idea, realization, simplifying, feeding, output, empowerment, guiding, evaluations, improvement, gaps, documentation, translating, learning, authors, maintainer, rewrite, bundler, engine, unjs, nitropack, cold, starts, troubleshooting, rehydration, vite, veet, njs, utilities, encouraged, roe, standards, share, even, vanilla, offer, kind, interoperability, doesn, least, box, demystify, supported, guided, exercises, bridge, true, reusability, duplication, they, immediately, apply, html5, websocket, websites, delivering, slow, dns, resources, efficiently, html, prioritization, wilco, bottleneck, outlined, load, brings, cleaner, enhancements, eckstein, eric, pdf, ink, reconciler, host, entities, traffic, visually, securing, third, party, possibilities, machines, callbacks, fetch, robot, bridging, expectations, keyframes, timing, cubic, bezier, curves, powerful, broad, names, disabling, framermotion, configuring, buffer, kateryna, porshnieva, reactstrict, unify, standardizing, fragmentation, lack, standardized, consistency, unsuccessful, minimizing, vision, unified, readiness, inclusion, foundations, reversibility, gallagher, levels, scalable, aurora, scharff, 125, kellie, having, underperformance, care, star, difficult, superiors, acknowledging, framing, revenue, clear, life, balance, culture, promotion, transparently, micromanagement, concerns, empathy, kelly, vaughn, razorpay, cumbersome, imagine, interprets, blade, facilitates, transforming, collaborating, deorukhkar, kiko, aiming, similarity, adaptability, table, cell, processing, pattern, separating, parts, progress, debug, guides, scratchinstrumenting, logs, tracingusing, detect, remediate, efficientlythis, sres, devops, practitioners, want, paul, jaffré, hamilwasia, presenting, learnings, audio, helps, preventing, unnecessary, renders, automatic, emphasize, purity, immutability, analyzes, memoizes, package, improves, requires, correct, arrays, measure, profiler, elevenlabs, hamirwasia, synergy, codes, alternative, organization, configurability, versions, exposing, register, folders, replacement, restriction, direct, imports, visualizing, relationship, pros, cons, self, contained, enforced, changing, requirements, minor, tweaks, environments, compatibility, iterations, cosmetic, shipping, builds, customers, trying, assess, realtime, refresh, rates, synchronization, independence, decoupling, simulation, behaviors, continuous, experimenting, ball, react3fiber, sandpack, poimandres, kristopher, baumgartner, join, days, months, save, 000, hours, upfront, customize, automations, quickly, deploy, let, tailor, suit, any, n8n, agenda, diagramming, compare, diagram, analyze, strengths, svg, implement, nodes, edgesstate, drag, drop, supportauto, minimap, controlsproperty, editing, sidebarpolishing, appeal, overflow, purely, łukasz, jaźwa, 141, hello, states, creator, xstate, useeffects, overuse, stately, khourshid, routes, showcases, cli, isomorphic, validation, url, trpc, tanstackrouter, focuses, compared, reactrouter, nozzle, tanner, linsley, blend, pre, cookies, chatting, pages, devtools, iterable, stream, generators, transmission, streams, temporary, responsive, directive, runtime, selikoff, force, multiplier, competencies, favorable, amidst, benchmarks, scaffolding, scaffold, judgment, necessity, vercell, evals, webbench, bytedance, catching, sensibility, purple, problem, training, sites, junior, evaluating, specificity, oversight, supervision, failures, providing, fresh, docs, servers, overall, closed, vive, assistants, scene, descriptions, optimal, factors, applicable, leadership, aesthetics, proactive, devs, embrace, limitless, image, slides, regressions, generated, standardization, bugs, leader, google, addy, osmani, commands, draft, prds, schema, etc, sow, turn, notes, actionable, checklists, reviewing, fixing, hallucinations, precise, review, functioning, shrey, shah, specifically, ready, become, thinking, directly, translate, sophisticated, responses, supabase, conversation, response, request, strategieswhat, complete, powered, niall, maher, 1596, partners, speakers, sponsorship, opportunitites, edition, finished, brand, format, person, participation, venue, networking, entertainment, second, numerous, audience, fellow, experts, ideas, experiencing, exciting, vistas, manhattan, november, log

Text of the page (random words):
oach with changing requirements and minor tweaks handling plugin version tracking automated testing challenges and feature control based on environments adapters and maintaining plugin compatibility through iterations and cosmetic changes leveraging existing solutions for simplicity discussing the implications of not shipping separate builds for multiple customers and considering the benefits of smaller bundle size exploring the ease of trying out new features with separate plugins to assess overhead and developer experience react lessons from adopting react compiler 23 min lessons from adopting react compiler akash hamirwasia elevenlabs akash hamilwasia presenting at react summit 2025 shares react compiler learnings and works on an ai audio platform memoization in react helps optimize ui performance by preventing unnecessary re renders react compiler offers automatic memoization through static code analysis react rules emphasize purity and immutability the compiler analyzes and memoizes code changes for optimization react compiler package usage improves performance through code analysis understanding reactivity issues is crucial for handling react state compiler optimization requires correct dependency arrays and usage of external libraries measure react compiler impact using react profiler for optimization and real user impact analysis react performance advanced react 19 debugging with sentry ai using seer mcp and agent monitoring 55 min debugging with sentry ai using seer mcp and agent monitoring workshop free paul jaffré this workshop explores how to leverage sentry s ai driven tools seer mcp and agent monitoring to streamline debugging error monitoring and observability in full stack applications it guides participants through setting up sentry from scratchinstrumenting errors logs and tracingusing sentry ai features to detect and remediate issues more efficientlythis workshop is beneficial for software engineers sres devops practitioners and engineering leads who want to level up observability reduce time to resolution and explore using ai to assist debugging in production systems debug react components for both the client the server 16 min react components for both the client the server kiril peyanski progress kiko shares the process of building ui components for both client and server sides highlighting performance benefits and challenges of using server components building a reusable ui library with server and client components aiming for similarity and adaptability adding interactivity to a data table in a next js application by incorporating client components for reactivity and customization building customization by incorporating a custom cell resolving errors between client and server components and optimizing syntax highlighting and markdown processing achieving composition pattern at the component level by separating client and server parts maintaining an agnostic component part and optimizing rendering for client specific functionalities achieving client server performance optimization by keeping rendering tree agnostic enabling separate client component extraction and promoting interactivity within components react server components design to code using a custom design system with ai 19 min design to code using a custom design system with ai chaitanya deorukhkar atlassian principal engineer chaitanya principal engineer at atlassian discusses the design system at razorpay the impact of ai on ui development and the integration of ai with design systems for enhanced productivity detailed prompts for ai to build ui components can be cumbersome imagine a seamless process where ai interprets figma designs to create ui leveraging design expertise and focusing on business logic not writing detailed ai prompts blade s mcp server facilitates the magic of transforming figma designs into ui code by collaborating with figma and openai code generation 5 tough conversations managers need to have 37 min 5 tough conversations managers need to have kelly vaughn sr engineering manager zapier kellie emphasizes the importance of having tough conversations in management addressing underperformance using the care framework and support strategies the star framework is highlighted for handling difficult feedback effectively effective communication with superiors involves acknowledging trade offs and framing discussions around revenue impact setting clear communication boundaries is crucial for work life balance and team efficiency encouraging a feedback culture addressing promotion discussions transparently and handling micromanagement concerns with empathy are key points discussed team productivity hands on react server components server functions and forms in the next js app router 125 min hands on react server components server functions and forms in the next js app router workshop aurora scharff in this workshop we will explore react s latest features server components server functions and forms discover how to optimize server side rendering build smooth user experiences with react suspense and transitions and enhance application interactivity with server functions and new react 19 hooks designed for developers of all levels this workshop provides practical skills to build scalable performant web applications react react strict dom cross platform react based on the web 29 min react strict dom cross platform react based on the web nicolas gallagher meta talk on cross platform react using reactstrict dom to unify web and native react standardizing for consistent ui development fragmentation challenges in react due to lack of standardized styling systems impacting development efficiency and product consistency exploring unsuccessful cross platform react approaches and the importance of minimizing migration costs enabling web developers to build native apps with react native while enhancing it with web apis for seamless code migration benefits of code sharing for cross platform apps ai integration for react strict dom and the future vision for react native as a web renderer unified styling in react native tailwind integration and ui best practices flexibility and readiness in react dom potential inclusion in react foundations and considerations for reversibility of decisions in react dom react practical guide to animation in react 27 min practical guide to animation in react kateryna porshnieva buffer the importance of animations in enhancing user experience by bridging the gap between user expectations and digital interfaces practical examples of creating animations using css transitions and keyframes for smooth and complex effects utilizing timing functions with cubic bezier curves for diverse animations and accessibility considerations introducing vue transitions as a powerful web api for seamless animations with broad browser support customizing vue transitions for unique effects optimizing usage with unique names and global disabling and transitioning to spring based animations for natural ui interactions exploring framermotion and motion library for react animations configuring spring behavior for smooth effects and enhancing animations with motion and css for improved user experience animations css accessibility frontend design react beyond the dom 27 min react beyond the dom erik rasmussen eric rasmussen discusses react beyond the dom react pdf ink tools and rendering to markdown the overview includes react reconciler host configuration state management with real world entities like light bulbs and building a traffic light state machine visually the talk also covers securing third party javascript expanding react rendering possibilities advanced tooling for state machines controlling light bulbs via renderer callbacks server functions for fetch in the cloud and potential robot programming with react react winning the hydration battle unlocking react performance with the power of suspense 20 min winning the hydration battle unlocking react performance with the power of suspense gil eckstein wix gil from wix discusses solving a react performance bottleneck with selective hydration using suspense api showcasing real examples challenges of ssr with react hydration and its impact on interactivity and performance are outlined the importance of selective hydration efficient component loading promise handling lazy loading and real world impact are highlighted selective hydration enhances performance by reducing js load comparing server components with suspense and introducing react 19 optimizations react 19 brings cleaner promise based behavior selective hydration improvements and key takeaways on ssr benefits suspense power and react 19 enhancements performance the journey of a pixel in a react application 24 min the journey of a pixel in a react application shem magnezi wilco shem magnezi discusses the importance of understanding web development technologies like react html5 and websocket for optimizing websites and improving user experience the challenges of website delivery include delivering a perfect user experience slow network issues dns resolution complexities and handling various resources efficiently optimization of html loading resource compression and prioritization are crucial for faster website delivery improving performance through code optimization react best practices and state management is key for enhancing user experience web development write once use everywhere react meets web components 78 min write once use everywhere react meets web components workshop hadar geva this hands on workshop explores how to transform react components into standards based web components unlocking the ability to share ui elements across angular vue svelte and even vanilla javascript applications while frameworks like angular and vue offer native support for this kind of interoperability react doesn t at least not out of the box we ll demystify how to achieve similar results in react using supported patterns and tooling through live coding and guided exercises you ll learn how to bridge the gap between react and the web components standard to promote true component reusability reduce duplication and simplify integration in micro frontends and design systems participants will leave with practical techniques tooling knowledge and real world strategies they can immediately apply to their own projects react components react at the edge building a framework from scratch live 27 min react at the edge building a framework from scratch live daniel roe leads the nuxt core team daniel a full time open source maintainer leads the nuxt core team and works as a software engineer at vercel the talk discussed the rewrite of the nuxt framework evolving it to be bundler agnostic and introducing the nuxt nitro server engine collaboration efforts with frameworks like unjs and nitropack were highlighted advanced type safety and data fetching building a full stack framework and implementing key value storage with nitro were discussed optimizing cold starts troubleshooting module rehydration enhancing client interaction with vite and transitioning to nitro version 3 with veet integration were key topics the talk also emphasized exploring the njs ecosystem for universal utilities and encouraged collaboration and involvement in open source projects frameworks panel discussion the future of react and its ecosystem 43 min panel discussion the future of react and its ecosystem 6 authors panel introduction with members from netflix meta g2i and replay discussing their roles react foundation s impact on developers daily routines and gradual changes without sudden disruptions discussing react governance split emphasizing transparency in decision making foundation s goals include supporting key libraries expanding react communities globally and fostering idea realization react compiler s impact on front end development highlighting the complexity and importance of engineering with react integration of ai and vibe coding enhances the compiler s ability to optimize code and provide real time feedback vibe coding importance and good engineering practices react s mental model challenges and the potential impact of the compiler on performance optimizations and simplifying the mental model discussing the challenges of using ai in react development and the need to simplify instructions and improve data feeding for better output quality discussing the empowerment of ai in guiding react code writing and the importance of sharing instructions and evaluations for framework improvement understanding the gaps in react documentation translating learning into real world applications and navigating architectural decisions modern full stack web application using redwoodsdk and react server components 91 min modern full stack web application using redwoodsdk and react server components workshop amy dutton this workshop will guide you through building a modern full stack web application using redwoodsdk and react server components as a frontend developer you ll learn how to leverage the latest react patterns to approach full stack development with confidence the workshop covers building server rendered components working with databases implementing authentication and deploying a real world application redwoodsdk simplifies the transition from frontend to full stack development giving you the tools to create performant modern web applications redwoodjs build your own v0 with server driven ui and ai 97 min build your own v0 with server driven ui and ai workshop ameer sami have you ever wanted to build a generative ui application like v0 where you simply prompt it and it creates an entire interface for you well lets build that with the power of server driven uis and ai well walk through just how easy server driven ui makes the creation a generative ui application all the while we ll be leveraging react 19 apis to make this generative ui application as performant as possible artificial intelligence view transitions in react a new era of seamless ui 13 min view transitions in react a new era of seamless ui simon ouyang mentorship available yc backed startup early stage samuel ouyang highlights the significance of smooth ui in modern apps and introduces the react 19 view transition api the view transition api works with ssr and rsc but has limitations as a wrapper implementing the use view transition custom hook can address these limitations and make it ssr safe the custom hook enables smooth transitions for various interactions like route changes panel transitions click events and list reordering it encourages the optimized use of the view transition api to improve user experience and avoid dom hacks architecture data is beautiful creating compelling data visualisations with ag charts 83 min data is beautiful creating compelling data visualisations with ag charts workshop free james swinton bland ag charts is a javascript charting library built by ag grid that you can use ...