Create React App köməyilə proyekt yaratmısınızsa, onun nə qədər yavaş olmasını bilirsiniz.Bu yavaşlıqları dev serveri aktivləşdirəndə(cold start) və koddakı dəyişliklərin browserde göstərilməsində müşahidə etmək olar. Ən pis tərəfi də ondadır ki, proyektin kodbazası və asılılıq sayı artdıqca bu göstəricilər daha da yavaşlayır.💻 

Problem nədədir? 🤔 

Create React App Webpack bundler-dən istifadə edir. Webpack dev server aktivləşəndə bütün kodu bundle edir, yəni bütün kodbazanı bir və ya bir neçə optimizasiya olunan fayla çevirir.

Prosesi necə sürətləndirmək olar? 🧐 

Create React App yerine ViteJS dən istifadə oluna bilər. Vite özünü yeni nəsil frontend tooling kimi tanıdır.🛠️ 

Xüsusiyyətlər:

1.Development zamanı esbuild-dən istifadə edir. Esbuild Go dilində yazılan çox sürətli bundler-dir.
2.Koddakı dəyişikliklərin browser-də göstərilməsi vaxtı kodbazasının ölçüsündən aslı olmayaraq eyni qalır.
3.TypeScript, SCSS, JSX konfiqurasiyasız dəstəkləyir (SCSS-dən istifadə etmək üçün npm dən yükləmək lazımdır.) və s.

Əminəm ki, Vite-ni yoxladıqdan sonra bir də Create React App-a qayıtmayacaqsınız 🙂

#frontend #react #development #vite #programming


@CoderrTv | ©️Mammadkhan Bayramov