Meta tags:
description= DevTools Talks, Workshops, Tutorials and Presentations
Discover the power of DevTools with our range of talks, workshops, tutorials and presentations. Our experts will help you understand how to use DevTools to debug, inspect, and improve your code. Learn best practices for debugging, profiling, and optimizing your JavaScript applications. Get up-to-date on the latest trends in DevTools and find out how they can help you become a better developer. Whether youre a beginner or an experienced programmer, we have something for everyone. Come join us and explore the world of DevTools!;
keywords= devtools, talks, workshops, tutorials, presentations, JavaScript, developers, learning portal, SEO, optimization.;
Headings (most frequently used words):
devtools,
Text of the page (most frequently used words):
and (282), the (237), for (102), #devtools (86), with (82), react (79), code (54), min (43), web (38), typescript (37), development (37), javascript (34), performance (33), can (33), your (29), how (29), using (28), like (28), into (27), that (26), vue (23), talk (23), also (23), advanced (23), developer (23), tools (22), developers (21), you (21), content (20), debugging (20), this (19), testing (18), features (18), building (18), workshop (18), data (17), will (17), from (16), state (15), discusses (15), time (15), analysis (15), plugin (15), are (14), chrome (14), native (14), 2023 (14), experience (13), applications (13), they (13), use (12), jsnation (12), more (12), challenges (12), tool (12), user (12), new (11), future (11), software (11), api (11), summit (11), importance (11), what (11), search (11), source (11), ipfs (11), all (10), highlights (10), browser (10), build (10), test (10), tooling (10), driven (10), race (10), management (9), best (9), visual (9), used (9), top (9), speaker (9), allows (9), open (9), built (9), file (9), support (8), node (8), practices (8), next (8), including (8), debug (8), dev (8), based (8), end (8), flipper (8), specific (8), through (8), their (8), optimizing (8), introduction (8), 2022 (8), exploring (8), tresjs (8), types (8), not (7), components (7), popular (7), such (7), its (7), live (7), 2021 (7), network (7), various (7), rendering (7), plugins (7), has (7), package (7), potential (7), copilot (7), improve (7), provides (7), implementation (7), process (7), figma (7), projects (7), make (7), have (7), integrating (7), custom (7), conditions (6), free (6), design (6), better (6), learn (6), over (6), easy (6), productivity (6), covers (6), app (6), benefits (6), handling (6), faster (6), addressing (6), sourcegraph (6), usage (6), explores (6), engineer (6), efficient (6), ecosystem (6), discussing (6), replay (6), structure (6), real (6), framework (6), 2024 (6), langchain (6), agents (6), module (6), peer (6), pnpm (6), community (5), about (5), service (5), tips (5), take (5), see (5), integration (5), application (5), front (5), platform (5), plans (5), devtool (5), explains (5), collaboration (5), multiple (5), github (5), updates (5), dynamic (5), two (5), beyond (5), editors (5), languages (5), but (5), editor (5), optimization (5), flows (5), introduces (5), improving (5), vit (5), widget (5), functionality (5), which (5), dive (5), world (5), project (5), emphasizes (5), lead (5), need (5), collaborative (5), saas (5), products (5), help (5), writing (5), mastering (5), unique (5), profiling (5), function (5), object (5), jsr (5), spec (5), product (4), tech (4), talks (4), workshops (4), quality (4), providing (4), first (4), run (4), memory (4), changes (4), google (4), mode (4), demonstrates (4), set (4), analyzing (4), much (4), offers (4), component (4), emphasizing (4), across (4), technical (4), preview (4), power (4), insights (4), page (4), happiness (4), understand (4), infrastructure (4), architecture (4), generator (4), access (4), properties (4), monorepos (4), them (4), registry (4), complex (4), linting (4), npm (4), congress (4), static (4), without (4), metrics (4), today (4), server (4), communication (4), between (4), eslint (4), solutions (4), daniel (4), work (4), hands (4), users (4), domain (4), asts (4), just (4), key (4), explore (4), webassembly (4), composition (4), pinia (4), designed (4), interactive (4), scenes (4), rollup (4), files (4), map (4), 2025 (4), fast (4), disk (4), space (4), 2026 (3), gitnation (3), feedback (3), get (3), css (3), frontend (3), xstate (3), approach (3), some (3), panel (3), requests (3), refactoring (3), containers (3), dependencies (3), microsoft (3), allow (3), learning (3), low (3), measuring (3), issues (3), virtualization (3), now (3), 2020 (3), extensible (3), within (3), cypress (3), gleb (3), change (3), browsers (3), focused (3), patterns (3), searching (3), supports (3), enables (3), quickly (3), repositories (3), powerful (3), techniques (3), simplifies (3), even (3), lists (3), items (3), language (3), tab (3), long (3), high (3), basics (3), efforts (3), codebase (3), monorepo (3), involves (3), strategy (3), important (3), aims (3), hard (3), action (3), reporting (3), protocol (3), integrated (3), role (3), additionally (3), libraries (3), well (3), ensuring (3), scalable (3), mock (3), inspecting (3), liveblocks (3), out (3), experiences (3), edge (3), money (3), compete (3), enterprise (3), companies (3), security (3), only (3), clerk (3), existing (3), trees (3), enhanced (3), examples (3), portable (3), practical (3), condition (3), scenarios (3), durable (3), objects (3), feature (3), storage (3), other (3), similar (3), interfaces (3), wasi (3), wasm (3), let (3), concepts (3), graphics (3), directly (3), enhancing (3), creating (3), making (3), discuss (3), vip (3), transform (3), governance (3), demystifying (3), link (3), networking (3), retrieval (3), limitations (3), context (3), ide (3), coding (3), manager (3), each (3), actionable (3), lighthouse (3), modern (3), nation (2), stats (2), faq (2), subscribe (2), systems (2), builders (2), founders (2), people (2), discover (2), menu (2), machines (2), machine (2), library (2), way (2), represent (2), utilities (2), mentions (2), called (2), stately (2), utilizing (2), command (2), customizing (2), effect (2), inspect (2), advantage (2), local (2), overrides (2), editing (2), optimize (2), format (2), jecelyn (2), yeen (2), external (2), container (2), python (2), create (2), discussed (2), manual (2), team (2), cpu (2), fixing (2), efficiency (2), visualising (2), bottlenecks (2), inspection (2), tree (2), elements (2), image (2), integrates (2), dark (2), there (2), integrate (2), meta (2), michel (2), weststrate (2), automation (2), accurate (2), consistent (2), going (2), easily (2), regular (2), structural (2), blocks (2), essential (2), helping (2), teams (2), find (2), parameters (2), supercharging (2), big (2), improved (2), interaction (2), sorting (2), session (2), virtual (2), render (2), 100k (2), 100s (2), sec (2), knowledge (2), been (2), programming (2), model (2), require (2), encoding (2), become (2), bringing (2), latest (2), http (2), tasks (2), total (2), blocking (2), expert (2), speed (2), includes (2), strategies (2), francois (2), storybook (2), solid (2), iterative (2), cloud (2), loop (2), reducing (2), simon (2), innovate (2), case (2), study (2), works (2), modify (2), frameworks (2), single (2), managing (2), linking (2), installation (2), babel (2), workspace (2), release (2), tale (2), repos (2), values (2), program (2), cases (2), nature (2), sonar (2), deep (2), bug (2), lsp (2), providers (2), giving (2), deployment (2), maintaining (2), intelligent (2), unlocking (2), tibor (2), any (2), rules (2), maintenance (2), worker (2), emphasize (2), advantages (2), customization (2), contract (2), travel (2), provide (2), valuable (2), extract (2), information (2), term (2), steven (2), production (2), side (2), ideas (2), could (2), turn (2), functioning (2), large (2), payments (2), generation (2), enabling (2), complete (2), available (2), offer (2), cost (2), spend (2), chance (2), incredibly (2), agile (2), responsive (2), start (2), task (2), fully (2), multi (2), efficiently (2), todo (2), b2b (2), prettier (2), compiling (2), jetbrains (2), useful (2), ides (2), aren (2), foliage (2), demonstrate (2), example (2), field (2), inputs (2), bugs (2), break (2), detection (2), day (2), berlin (2), addressable (2), environments (2), store (2), manage (2), technologies (2), deno (2), eliminate (2), everything (2), everywhere (2), once (2), very (2), import (2), additional (2), modules (2), stack (2), enabled (2), devops (2), conf (2), our (2), own (2), during (2), cover (2), understanding (2), scratch (2), introducing (2), specifically (2), seamlessly (2), both (2), looking (2), expand (2), curious (2), familiar (2), bring (2), animation (2), master (2), participants (2), models (2), foundation (2), than (2), gained (2), gateway (2), join (2), shares (2), perfecting (2), transforms (2), allowing (2), three (2), resolve (2), load (2), include (2), vite (2), leo (2), quicker (2), adoption (2), part (2), flaws (2), rot (2), censorship (2), gateways (2), guide (2), distribution (2), klein (2), color (2), accessibility (2), font (2), safari (2), firefox (2), capabilities (2), wars (2), verse (2), due (2), szymon (2), chmal (2), callstack (2), middleware (2), further (2), hacked (2), generated (2), silent (2), failures (2), safety (2), spectrum (2), vibe (2), business (2), logic (2), wildly (2), thus (2), supported (2), increasingly (2), together (2), topic (2), show (2), featured (2), tdd (2), centric (2), contextual (2), osmani (2), lastly (2), maps (2), conditional (2), infer (2), notation (2), template (2), strings (2), union (2), array (2), rights, reserved, conduct, privacy, policy, terms, legal, rss, feeds, assistance, promote, conferences, contact, careers, company, miss, deal, discounted, conference, tickets, newsletter, hooks, fullstack, svelte, tags, multipass, articles, mentors, events, main, charts, introduced, chart, clean, visualizable, interpreting, goals, visualization, analytics, modeling, suite, david, khourshid, here, keyboard, shortcuts, emulating, focus, control, console, save, frequently, snippets, images, optimized, avif, track, reduced, size, palette, zen, terminals, git, configure, eliminating, configuration, facilitating, john, papa, independent, dazzone, sports, streaming, faces, targets, crucial, improves, significantly, less, jank, dazn, richie, mccoll, developed, facebook, cache, preference, modification, redux, reactortron, undergoing, major, redesign, standardized, maintainers, graphql, regression, akhmetov, visually, climate, styling, snapshots, controlling, results, docker, flake, retries, roadmap, mercari, bahmutov, literal, expression, private, indexed, gitlab, unstable, batch, expressions, finding, narrow, down, keywords, velocity, references, shared, prosper, otemuyiwa, tables, version, ten, times, richer, filtering, windowing, datasource, packet, inserts, removals, excellent, minimal, incremental, row, height, dimensional, suggests, whole, collective, year, thousands, success, grown, codex, operates, natural, doesn, special, paid, summer, remain, students, verified, contributors, creator, krzysztof, cieślak, fetch, priority, loading, frame, drops, minimizing, gde, mvp, trainer, consultant, michael, hladky, mobile, tf1, news, analyze, flatlist, nested, carousels, concludes, virtualized, list, carousel, achieve, bam, alexandre, moureaux, slow, builds, impact, showing, unavailable, food, delivery, previewing, privyjs, françois, wouts, effectively, continuous, lifecycle, consists, outer, inner, individual, universal, helps, spent, comprehension, navigation, enable, navigate, adhere, automate, waterer, figjam, voting, avatar, remove, vote, explain, names, jenny, lea, became, mid, 2010s, angular, containing, artifacts, packages, internally, done, global, publishing, artifact, facilitated, yarn, either, unified, distributed, select, align, chosen, playwright, ambassador, tally, barak, executing, producing, problems, warnings, flow, determine, rule, straightforward, extensive, consideration, uncertainty, challenging, greatly, switzerland, elena, vilchik, client, stage, actions, extensions, mentioned, extensibility, solution, when, mysterious, didn, write, enjoy, maria, solano, setup, managers, scaffolding, formatters, linters, significance, maintainability, following, devrel, lizz, parody, blanesy, presents, controlflowgraph, detect, errors, algorithm, liveness, identifies, variables, point, computation, block, sets, difference, outset, kill, unionized, genset, sonarsource, blenessy, found, query, defining, contracts, stress, reduction, servers, mention, upcoming, double, encourage, audience, stay, updated, pagerduty, afonso, apps, fiber, instances, traveling, debugger, primary, recording, recordings, goal, offline, permanent, record, mark, erikson, concurrent, nerd, worked, invision, studio, focuses, apis, multiplayer, canva, mural, notion, mirror, linear, pitch, conflict, resolution, algorithms, ots, crdts, migration, considerations, stands, seamless, assembly, backend, fractional, indexing, ordering, fabre, probably, million, micro, billion, dollar, startup, know, ones, idea, put, paying, customers, quitting, job, sinking, investment, solo, enormous, rich, comes, scaling, availability, complicated, subsystems, auth, why, often, already, established, giants, who, reasonably, operate, however, rapidly, iterate, operating, away, want, reasonable, against, market, staying, needs, hour, simple, database, planetscale, tenant, authentication, subscription, stripe, principles, agrawal, 153, abstract, syntax, formatting, type, annotations, mods, upgrades, morph, transformations, while, sitter, many, text, gitkraken, chris, griffing, reproduce, causing, frustration, ways, fix, avoid, auto, completion, handle, calls, fastcheck, property, address, tests, randomizing, outputs, uncover, certain, mitigating, overhead, reproducibility, pigment, nicolas, dubien, versatile, paradigm, cloudflare, stateful, uniquely, websocket, connections, value, located, compute, azure, fly, flame, innovative, provisioning, databases, kubernetes, clusters, jani, eväkallio, converted, level, binaries, engines, mv8, chakra, spidermonkey, engine, functions, imported, statement, non, isolation, jco, toolchain, experimental, componentizing, full, architect, natalia, venditto, under, hood, definestore, dependency, injection, scopes, give, requirements, eduardo, san, martin, morote, specialized, crafted, eager, realm, renderer, reactive, system, sophisticated, visualizations, leveraging, strengths, ecosystems, skill, third, dimension, designers, interested, incorporating, benefit, fundamentals, life, construct, intricate, immersive, visuals, interactivity, responding, captivating, reactivity, composables, vuex, gain, maintain, smooth, alvaro, saburido, 119, opportunity, bridge, gap, despite, prominence, vast, remains, largely, untapped, throughout, leverage, accessible, opens, possibilities, automated, customer, those, exercises, these, facing, overcoming, forefront, emerging, attendees, skills, created, back, workplaces, whether, seasoned, skillset, exciting, areas, unlock, smarter, engaging, vivek, nayyar, aggrid, renders, core, vitals, depth, options, layout, thrashing, benchmark, resources, grid, stephen, cooper, bundler, bundle, goes, architectures, deeper, look, determines, reads, returns, actually, something, else, depending, extension, result, keys, output, flexible, add, utilize, purposes, displaying, branch, name, commit, hash, implement, functionalities, reading, markdown, implementing, routing, cal, com, eunjae, lee, supporting, openness, innovation, advocating, involvement, figures, evan, ryan, dahl, board, transition, ownership, considering, nonprofit, route, recent, detailed, download, involve, cli, self, hosting, mirroring, diversity, json5, esm, kettmeir, reach, origin, anchoring, location, sids, unixfs, resistance, prevention, tamper, proofing, dns, operations, sid, pinning, protocols, bit, swap, centralized, turning, every, helia, modular, interplanetary, shipyard, norman, effective, evolution, maximizing, releases, diverse, perspectives, highlighting, sliders, workings, relying, solely, mcp, toolspace, necessity, lack, constraints, characteristics, bundling, via, metro, rosenite, injecting, adding, scripts, accessing, panels, bridging, resonight, activity, headers, responses, incubator, artificial, intelligence, welcome, sogel, struggle, benchmarks, extra, coordination, decisions, addressed, spectre, removing, checks, generating, fake, worse, crashes, upfront, structured, reasoning, validation, checkpoints, autonomous, review, act, pair, programmers, combine, behavior, industry, keyro, aws, speckit, openspec, different, define, planning, phase, handover, choosing, right, shi, gmbh, sogl, recounts, commerce, monitoring, developing, white, coded, highlighted, inspector, utility, ongoing, cool, stuff, india, vishnudhasan, govindarajan, mentorship, reactjs, given, materials, combination, series, little, lot, meaning, steps, getting, productive, along, tricks, paul, everitt, 174, packaging, popularity, tiktok, isolated, prevents, conflicts, ensures, superior, solves, issue, consumption, deterministic, hardlinks, instead, symlinks, maintainer, zoltan, kochan, focusing, approaches, adi, expertise, his, passion, measurement, showcases, export, delves, offering, cross, aspect, paint, improvements, improvement, engineering, leader, working, addy, pinpoint, visibility, mapping, ignoring, configuring, breakpoints, redesigned, easier, standardize, bullet, proof, demonstrated, sample, was, written, basic, jiri, lojda, 132, experts, html, document, dom, view, log, tutorials, presentations, most,
Text of the page (random words):
to make your 3d scenes interactive responding to user inputs for a captivating user experience integrating with vue features explore advanced integration of tresjs with vue s reactivity composables and the vuex store to manage state in 3d web applications performance and best practices gain insights into optimizing your 3d scenes for performance and best practices to maintain smooth responsive web applications devtools vue building pinia from scratch vue js live 2024 70 min building pinia from scratch workshop eduardo san martin morote let s dive into how pinia works under the hood by building our own definestore during this workshop we will cover some advanced vue concepts like dependency injection and effect scopes it will give you a better understanding of vue js composition api and pinia requirements experience building applications with vue and its composition api devtools vue javascript to wasi enabled wasm portable javascript composition devops js conf 2024 21 min javascript to wasi enabled wasm portable javascript composition natalia venditto frontend developer full stack developer technical lead software and solutions architect javascript code is converted to low level binaries by javascript engines like mv8 chakra and spidermonkey webassembly allows writing code in other languages and compiling it to run on a javascript engine external functions can be imported in webassembly using the import statement webassembly can run in non browser scenarios with additional interfaces like wasi and provides memory isolation the jco toolchain is an experimental tool for componentizing javascript code into wasm modules webassembly devtools durable objects everything everywhere all at once for not very much money react day berlin 2023 31 min durable objects everything everywhere all at once for not very much money top content jani eväkallio software engineer durable objects is a versatile programming paradigm by cloudflare that allows for stateful and uniquely addressable server environments it simplifies feature development enables real time updates through websocket connections and provides a built in key value store for long term storage it can be used to create collaborative applications manage data storage efficiently and explore co located compute and data at the edge other companies like azure also offer similar technologies deno s kv and fly io s flame are innovative products that eliminate the need for provisioning databases and kubernetes clusters devtools break the race easy race condition detection for react react day berlin 2023 31 min break the race easy race condition detection for react nicolas dubien pigment race conditions can be complex to debug and reproduce causing frustration for users the speaker discusses examples of race conditions and ways to fix and avoid them they demonstrate an example of an auto completion field in react and how to handle race conditions in api calls the speaker introduces the fastcheck framework for property based testing to address race conditions and improve tests randomizing inputs and outputs can help uncover bugs specific to certain scenarios the speaker also discusses mitigating race conditions in react and handling test overhead and reproducibility testing devtools open source react race condition trees aren t just foliage asts and practical usage react summit us 2023 9 min trees aren t just foliage asts and practical usage chris griffing gitkraken asts or abstract syntax trees are used by popular tools like babel typescript eslint and prettier to improve the developer experience they have various use cases including compiling and code analysis editor tooling and writing tools can be enhanced using asts with examples including formatting with prettier type annotations in jetbrains editors and code mods for framework upgrades ts morph is a useful tool for code transformations while tree sitter is a portable tool that supports many languages and can be used to build ides or text editors in the browser typescript devtools typescript libraries 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 top content workshop free 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 paying customers without quitting your job and sinking all of your time and investment into it how can your solo side projects compete with applications built by enormous teams and large enterprise companies building rich saas products comes with technical challenges like infrastructure scaling availability security and complicated subsystems like auth and payments this is why it s often the already established tech giants who can reasonably build and operate products like that however a new generation of devtools are enabling us developers to easily build complete solutions that take advantage of the best cloud infrastructure available and offer an experience that allows you to rapidly iterate on your ideas for a low cost of 0 they take all the technical challenges of building and operating software products away from you so that you only have to spend your time building the features that your users want giving you a reasonable chance to compete against the market by staying incredibly agile and responsive to the needs of users in this 3 hour workshop you will start with a simple task management application built with react and next js and turn it into a scalable and fully functioning saas product by integrating a scalable database planetscale multi tenant authentication clerk and subscription based payments stripe you will also learn how the principles of agile software development and domain driven design can help you build products quickly and cost efficiently and compete with existing solutions react next js devtools real time collaborative state on the edge react advanced 2023 26 min real time collaborative state on the edge steven fabre liveblocks steven a design tool nerd worked on invision studio and now focuses on liveblocks providing apis and tools for multiplayer collaboration collaborative design tools like figma canva mural notion mirror linear and pitch use conflict resolution algorithms such as ots and crdts data migration and collaboration patterns are important considerations for building production applications figma stands out for its seamless assembly of collaboration features liveblocks enables front end developers to build collaborative experiences without complex backend infrastructure using fractional indexing for consistent ordering case study devtools concurrent rendering api development builders and founders building better react debugging with replay analysis react advanced 2023 31 min building better react debugging with replay analysis mark erikson replay io today s talk focused on building better react dev tools with replay time travel analysis the react devtools provide valuable insights into react apps using a fiber data structure to represent component instances replay is a time traveling debugger for react with plans to make chrome their primary recording browser they extract react information from recordings using their time travel api and have built a ui for debugging and inspecting the content the long term goal is to have replay work offline and in permanent record mode devtools web development debug developer experience all you need is a contract react advanced 2023 29 min all you need is a contract daniel afonso pagerduty the speaker discusses the challenges of server state and test maintenance and how they found solutions using react query and mock service worker they emphasize the benefits of defining contracts for faster development and stress reduction the speaker also highlights the advantages of using mock service worker over mock servers and explains how it allows for easy customization and test overrides they mention the upcoming release of v2 of ms double and encourage the audience to stay updated devtools developer experience api development advanced linting rules with eslint typescript congress 2023 10 min advanced linting rules with eslint tibor blenessy sonarsource tibor blanesy from sonar presents advanced techniques for linting with eslint including the use of controlflowgraph to detect errors in code the algorithm is based on liveness analysis which identifies live variables at any point in the program additionally the talk covers the computation of block sets using the difference between outset and kill set unionized with genset advanced devtools tool building unlocking typescript s potential exploring the power of ecosystem tooling typescript congress 2023 12 min unlocking typescript s potential exploring the power of ecosystem tooling lizz parody lead devrel today s talk explores the world of typescript ecosystem tooling discussing essential tools for project setup including package managers and project scaffolding it also covers code analysis testing and deployment in typescript as well as best practices for maintaining high quality code the talk emphasizes the importance of intelligent code editors code formatters and linters in ensuring code quality it also highlights the significance of codebase maintainability and following typescript best practices for efficient and scalable code typescript devtools typescript libraries how typescript is integrated in your editor typescript congress 2023 18 min how typescript is integrated in your editor maria solano when i m not debugging mysterious code i didn t write i enjoy giving my 2 to open source today s talk explores typescript integration and refactoring code action handling the typescript server and refactoring process bug reporting and the typescript protocol and lsp the talk discusses how typescript is integrated into editors the role of code action providers and the communication between the client and server it also highlights the two stage process of code actions and the importance of bug reporting additionally it mentions the typescript protocol and how it allows for language specific extensions lsp is mentioned as a powerful extensibility solution used by various languages typescript devtools deep dive static analysis in javascript what s easy and what s hard jsnation 2023 23 min static analysis in javascript what s easy and what s hard elena vilchik software engineer at sonar switzerland static analysis in javascript involves analyzing source code without executing it producing metrics problems or warnings data flow analysis aims to determine the values of data in a program rule implementation in javascript can be straightforward or require extensive consideration of various cases and parameters javascript s dynamic nature and uncertainty make static analysis challenging but it can greatly improve code quality tooling devtools debug tale of two repos node congress 2023 24 min tale of two repos tally barak playwright ambassador javascript became popular in the mid 2010s with the introduction of node and advanced frameworks like angular and react monorepos which are single repositories containing multiple artifacts are a popular approach for managing javascript projects linking packages internally in a monorepo can be done through local or global installation or by publishing them to an artifact registry managing monorepos has become more complex with the introduction of tools like typescript and babel the development process for web applications involves a build process testing and linting which can be facilitated by tools like yarn workspace and npm workspace the release strategy for monorepos can be either unified or distributed and it is important to select tools that align with the chosen strategy devtools monorepos building figma s widget code generator react advanced 2022 19 min building figma s widget code generator jenny lea figma this talk introduces figma s widget code generator and demonstrates how to build a figjam widget using it the speaker discusses the implementation of voting functionality avatar functionality and remove vote functionality they also explain how the widget code generator plugin works and how to access properties and modify names using the figma plugin api case study devtools tool building design understand your codebase to innovate faster react advanced 2022 19 min understand your codebase to innovate faster simon waterer sourcegraph we can improve developer efficiency by helping people understand code more effectively through open source software iterative development cloud infrastructure continuous integration and service based architecture the software development lifecycle consists of an outer loop focused on team efforts and an inner loop for individual developers a universal search platform helps developers understand and search code reducing the time spent on code comprehension code navigation and automation tools like sourcegraph enable developers to navigate code adhere to best practices and automate changes across multiple repositories devtools developer experience improving developer happiness with preview js react summit 2022 21 min improving developer happiness with preview js françois wouts developer happiness engineer francois a developer happiness engineer discusses the challenges of slow builds and their impact on productivity he explores the implementation of showing unavailable menu items in a food delivery app and demonstrates the use of storybook for component design francois introduces preview js a tool for previewing react vue and solid components and explains how it simplifies the development process he also highlights the benefits of using privyjs with storybook and vit for faster and more efficient development devtools developer experience measuring and improving react native performance react summit 2022 19 min measuring and improving react native performance alexandre moureaux bam this talk discusses mobile app performance and provides tips for performance analysis it includes a performance test on the tf1 news app and demonstrates how to analyze js performance with react devtools the talk also explores optimizing rendering in react components such as flatlist and nested lists with carousels it concludes with strategies for optimizing the virtualized list and carousel to achieve better performance react native devtools high speed web applications beyond the basics jsnation 2022 30 min high speed web applications beyond the basics top content michael hladky google developer expert gde microsoft mvp trainer and consultant this talk covers the latest features in chrome devtools including network tab analysis performance tab optimization and user flows it discusses optimizing http requests with fetch prio...
|
