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):
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 priority to improve loading time the performance tab provides insights on frame drops long tasks and the importance of minimizing total blocking time the talk also highlights the optimization of page rendering and introduces user flows in chrome devtools performance devtools bringing the power of ai into your editor with github copilot jsnation 2022 29 min bringing the power of ai into your editor with github copilot krzysztof cieślak github next co creator of copilot github copilot is a software development productivity tool that suggests whole blocks of code based on the collective knowledge of software developers it has been in technical preview for a year and is used by thousands of developers copilot s success has grown over time and it now supports multiple editors and programming languages the ai model used in copilot called codex operates on natural language and doesn t require special encoding copilot will become a paid product in the summer but will remain free for students and verified open source contributors devtools beyond virtual lists how to render 100k items with 100s of updates sec in react react advanced 2021 27 min beyond virtual lists how to render 100k items with 100s of updates sec in react top content michel weststrate meta the talk discusses optimizing rendering of big tables using flipper a new version that is ten times faster with improved user interaction and richer data it explores optimizing rendering with react virtualization filtering sorting and windowing techniques the introduction of the flipper datasource packet simplifies handling updates inserts and removals the performance of the flipper data source package is excellent even in a debug build of react with minimal cpu usage the q a session covers incremental sorting dynamic row height and the potential for two dimensional virtualization in the future react performance devtools supercharging developer productivity with advanced code search react advanced 2021 10 min supercharging developer productivity with advanced code search prosper otemuyiwa sourcegraph developers can use sourcegraph to easily search for code using literal regular expression and structural patterns sourcegraph allows searching through open source and private code indexed across github and gitlab and supports searching for unstable batch api in react js it also enables searching with regular expressions finding dependencies and usage patterns with structural search developers can search for specific blocks of code and narrow down their search using keywords sourcegraph is essential for developer velocity helping teams quickly search through repositories find references to shared systems and providing powerful search parameters devtools developer experience i see what is going on visual testing for your components jsnation live 2020 35 min i see what is going on visual testing for...
|
