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):
development the vast potential of javascript remains largely untapped this workshop aims to change that throughout this hands on session participants will learn how to leverage langchain a tool designed to make large language models more accessible and useful to build dynamic ai agents directly within javascript environments this approach opens up new possibilities for enhancing web applications with intelligent features from automated customer support to content generation and beyond we ll start with the basics of langchain and ai models ensuring a solid foundation even for those new to ai from there we ll dive into practical exercises that demonstrate how to integrate these technologies into real world javascript projects participants will work through examples facing and overcoming the challenges of making ai work seamlessly on the web this workshop is more than just a learning experience it s a chance to be at the forefront of an emerging field by the end attendees will not only have gained valuable skills but also created ai enhanced features they can take back to their projects or workplaces whether you re a seasoned web developer curious about ai or looking to expand your skillset into new and exciting areas hands on ai integrating langchain with javascript for web developers is your gateway to the future of web development join us to unlock the potential of ai in your web projects making them smarter more interactive and more engaging for users javascript devtools developer experience mastering 3d web development with tresjs ecosystem a vue js workshop vue js live 2024 119 min mastering 3d web development with tresjs ecosystem a vue js workshop workshop alvaro saburido introducing mastering 3d web development with tresjs a specialized workshop crafted for vue js developers eager to explore the realm of 3d graphics within their web applications tresjs a powerful custom renderer for vue is specifically designed to work seamlessly with vue s reactive system this workshop offers a deep dive into integrating sophisticated 3d visualizations and interactive experiences directly into vue applications leveraging the unique strengths of both vue and tresjs ecosystems this workshop is designed for vue js developers looking to expand their skill set into the third dimension ui ux designers interested in incorporating 3d elements into web applications and front end developers curious about the potential of 3d graphics in enhancing user experiences you ll need to be familiar with vue js to benefit from this workshop fully what you will learn introduction to tresjs discover the fundamentals of tresjs and how it integrates with the vue ecosystem to bring 3d graphics to life creating 3d scenes with vue learn to construct intricate 3d scenes utilizing vue components enhancing your user interfaces with dynamic and immersive visuals interactivity and animation master the techniques 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 fi...
|
