React Conferences

React Day Berlin 2023

React Day Berlin 2023

English versionEN

Video: Rethinking Bundling Strategies

Tobias Koppers

Webpack and Turbopack Creator

The talk discusses rethinking bundling strategies, focusing on challenges such as long-term caching and improving the state of Next.js and Webpack. It explores handling immutable caching and content hashes, optimizing asset references and page manifests, and addressing issues with client-side navigation and long-term caching. The talk also covers tree shaking and optimization, optimizing module fragments and code placement, and the usage and relationship of TurboPack with Webpack. Additionally, it touches on customizing configuration and hash risks, barrel imports and code splitting, and entry points and chunking heuristics.

This talk has been presented at React Day Berlin 2023, check out the latest edition of this React Conference.

Read FAQ and transcription

Tobias Koppers

32 min

08 Dec, 2023

Comments

Sign in or register to post your comment.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Building Figma’s Widget Code Generator

React Advanced Conference 2022

19 min

Building Figma’s Widget Code Generator

Jenny Lea

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.

devtools case study tool building design

Start Building Your Own JavaScript Tools

JSNation 2023

22 min

Start Building Your Own JavaScript Tools

Will Klein

Independent Developer

[♪ music ♪ by The Illuminati plays)] I see a common thread across any project I work on. Different developers are making the same mistake and we have preferred ways of doing things. Preventing mistakes and sharing best practices are great reasons to look at tools like linters and in particular ESLint. Let's write our first rule together. We're just scratching the surface of building our own tools, which can have a massive impact on improving the developer experience.

build tools tooling tool building

Advanced linting rules with ESLint

TypeScript Congress 2023

10 min

Advanced linting rules with ESLint

Tibor Blenessy

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

How not(!) to Build Real-time Apps

Node Congress 2024

10 min

How not(!) to Build Real-time Apps

Nikolas Burk

Today's Talk discusses different approaches for implementing real-time updates in server-side applications, including application-level updates and polling. The drawbacks of polling include inefficiency and complexity at scale. Adding extra infrastructure, like messaging systems, can ensure scalability but introduces operational overhead. Prisma Pulse is a system that simplifies change data capture, providing an easy setup for subscribing to database changes and solving scalability issues.

web apps tool building

Building a Network Stack for our Browser Extension

Node Congress 2024

19 min

Building a Network Stack for our Browser Extension

Cyrus Roshan

The Talk discusses the development of the Jam browser extension, which is a bug reporting tool. It explores the challenges of messaging between different execution environments within a browser and the need for message chunking to overcome size constraints. The Talk also explains how the development team rebuilt the system using a TCP/IP network stack approach, which allowed them to solve messaging difficulties similar to networking problems. The benefits of this approach include a smoother rollout, simpler debugging, and a focus on feature development without worrying about messaging constraints.

tool building browser api

Workshops on related topic

Build React-like apps for internal tooling 10x faster with Retool

JSNation Live 2021

86 min

Build React-like apps for internal tooling 10x faster with Retool

Workshop

Chris Smith

Most businesses have to build custom software and bespoke interfaces to their data in order to power internal processes like user trial extensions, refunds, inventory management, user administration, etc. These applications have unique requirements and often, solving the problem quickly is more important than appearance. Retool makes it easy for js developers to rapidly build React-like apps for internal tools using prebuilt API and database interfaces as well as reusable UI components. In this workshop, we’ll walk through how some of the fastest growing businesses are doing internal tooling and build out some simple apps to explain how Retool works off of your existing JavaScript and ReactJS knowledge to enable rapid tool building.
Prerequisites:A free Retool.com trial accountSome minimal JavaScript and SQL/NoSQL database experience
Retool useful link: https://docs.retool.com/docs

tool building retool react