Why esbuild? Getting Started using a TypeScript // React example

preview_player
Показать описание
In this lesson we take a look at how you can use #esbuild to bundle a #TypeScript + #React application.

We also look at the key value proposition of esbuild and you get to see how *fast* it is firsthand 🌹

👇 SUBSCRIBE for MORE 👇

**Feel Free To Read This Lot**

I'm Basarat, That TypeScript Guy and I love helping developers. More about me:

Microsoft MVP for TypeScript
150K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author : Beginning NodeJS
Book Author : TypeScript Deep Dive
Creator of multiple hot ✨ed Github Open Source projects

  1. basarat
  2. typescript
  3. javascript
  4. basarat
  5. that typescript guy
  6. typescript deep dive
Рекомендации по теме
Why esbuild? Getting 0:04:40

Why esbuild? Getting Started using a TypeScript // React example

What Is ESBuild? 0:09:34

What Is ESBuild? - What Is Web Development

Introduction to ESBuild 0:41:26

Introduction to ESBuild tutorial for React / JavaScript and Typescript bundling. Bye bye Webpack

Intro to ESBUILD: 0:04:48

Intro to ESBUILD: The FAST JavaScript BUNDLER

ESBuild and SWC: 0:10:58

ESBuild and SWC: Worth your time?

Why Are People 0:10:45

Why Are People Obsessed With ESBuild?

Why we should 0:13:27

Why we should convert react app to use Esbuild

Speed Up your 0:11:36

Speed Up your webpack Build by 10X

Let's Learn esbuild! 1:26:11

Let's Learn esbuild! (with Sunil Pai) — Learn With Jason

Vite in 100 0:02:29

Vite in 100 Seconds

How to Make 0:06:48

How to Make the Best of React and Es6 with ESbuild

Learn Vite with 0:13:35

Learn Vite with Evan You

Let's talk about 0:24:04

Let's talk about esbuild

Build an esbuild 0:59:14

Build an esbuild plugin

Esbuild working with 0:01:19

Esbuild working with react projects

Esbuild with react 0:04:57

Esbuild with react

replace webpack with 0:28:09

replace webpack with esbuild as your bundler with create react app

TypeScript development with 0:10:28

TypeScript development with Webpack and esbuild

Use esbuild in 0:07:55

Use esbuild in react typescript application

7 better ways 0:07:08

7 better ways to create a React app

Bundle JavaScript for 0:10:27

Bundle JavaScript for 11ty with esbuild

esbuild for typescript 0:06:11

esbuild for typescript projects in node

Next-generation JavaScript build 0:13:56

Next-generation JavaScript build tools: esbuild, Snowpack & Vite

How to make 0:02:49

How to make your JavaScript Bundle Smaller

Комментарии
Автор

Could you please explain how can it be integrated with create-react-app JS template with .env variable?

digitalfragrant
Автор

Is there a text version of this I can follow along with? I can't copy text from youtube.

I tried this, and I'm getting a bundle.js that's 139 kb in size. It works, in that it's showing the website you gave. But I can't in good conscious call that a success. It clearly doesn't need that much javascript.

DanielLCarrier
Автор

Can you make a video on nextjs and vitejs? there is no tutorial online on that subject

ahmedabdallh