📉 Giảm 72% kích thước React Bundle với 4 chiến lược:
1️⃣ Lazy load component (React.lazy + Suspense) giảm main.chunk.js
2️⃣ Lazy load theo route để tách code
3️⃣ Dynamic import cho thư viện nặng (như ExcelJS)
4️⃣ Minify triệt để
🏁 Kết quả:
- main.chunk.js: 2.27MB → 615KB (gzip)
- Tốc độ tải trang cải thiện đáng kể
- Trải nghiệm mượt hơn trên thiết bị yếu
- Kiến trúc dễ mở rộng
🚀 Performance tăng từ: TTFB↓, FCP↓, JS execute nhanh hơn!
#React #Performance #Optimization #WebDev #LazyLoading #
Publisher: Simple VaultPDF – merge, split, OCR PDF ngay trong trình duyệt bằng React + pdf-lib/webAssembly. Không cần server, tiết kiệm chi phí, bảo mật dữ liệu. Dùng thử nào! #PDF #React #pdf-lib #ChromeExtension #SelfHosted #TiếngViệt
Build your own #React
https://pomb.us/build-your-own-react/
@mainmatter @nickschot @emberfest If you’re looking to dig even deeper into the topic, make sure to read Nick’s recent blog post where he goes through a number of our recent multi-framework projects! And if you’re looking to mix frameworks and face challenges, we’re always here to help.
👉 https://mainmatter.com/blog/2025/12/12/react-ember/
Podatności w React Server Components zbierają żniwa… i pojawiają się kolejne
Wciąż nie milkną echa krytycznej (CVSS 10/10) podatności w React Server Components. Co ważne, aplikacja jest podatna nawet wtedy, gdy nie implementuje bezpośrednio tych komponentów. Wystarczy, że zainstalowane są zależności w podatnych wersjach (m.in. 19.0, 19.1.0, 19.1.1, 19.2.0 i nie tylko – czytaj do końca!). Dodatkowo podatny jest np. wykorzystujący...
#Aktualności #Deserializacja #Rce #React #React4shell #Web
https://sekurak.pl/podatnosci-w-react-server-components-zbieraja-zniwa-i-pojawiaja-sie-kolejne/
Hôm nay mình tìm hiểu về cơ chế render trong React: khi state/props thay đổi, React tạo Virtual DOM mới, so sánh với bản trước (diffing), chỉ cập nhật phần thay đổi lên DOM thật. Hai nguyên tắc quan trọng: (1) Nếu loại phần tử khác nhau, React rebuild toàn bộ subtree; (2) `key` giúp nhận diện phần tử danh sách ổn định – key giống nhau thì component được giữ lại, khác thì tạo mới. Dùng key hợp lý giúp tránh lỗi hiển thị và mất trạng thái. #React #Rendering #VirtualDOM #Diffing #Key #ReactVietname
Xây 1 nút bấm trong hệ thống thiết kế: tốn 2–3 tiếng hay 10 giây? Trước đây: mò PDF 200 trang, copy màu, viết CSS thủ công. Giờ: dùng thư viện component, thêm nút, form, header chỉ với 1 lệnh. Tiết kiệm hàng giờ, đảm bảo nhất quán, tiếp cận tốt, dễ bảo trì.
#DesignSystem #UIComponent #Frontend #React #HANUI
#HệThốngThiếtKế #GiaoDiện #LậpTrình #React #HANUI
« REACT ITW Olivier Faure (PS : ça part en sucette !) #coupdegueule #REACT » (via @JulieGarnierFI (source https://www.tiktok.com/@juliegarnierfi/video/7585975816601849110)
A Tricky React “useEffect” Question From My Meesho Frontend Interview, by @moderndev.bsky.social:
@phranck There are at least a couple of alternatives that you can use right away for your project, although it totally depends on your requirements. Here are a few libraries that can be easily integrated in React
- Chart.js
- Recharts
- d3.js
- ECharts
- Highcharts
Best of luck with your further development. Cheers! 🙌
#react #library #diagram #development #frontend #hardware
#Development #Launches
TailwindSQL · ”Like TailwindCSS, but for SQL.” https://ilo.im/169a3f
_____
#Programming #Coding #TailwindSQL #SQL #SQLite #Database #TailwindCSS #WebDev #Backend #React
Внедрение архитектуры: от хаоса к порядку
Всем привет! Меня зовут Анатолий , я представляю команду Front-End разработки компании DD Planet . В этой статье расскажу о том, как наш проект завершил этап разработки и трансформировался в стабильный рабочий продукт.
https://habr.com/ru/articles/978988/
#Архитектура #Local_First #Atomic_design #FSD #ESLint #frontendразработка #React #NextJS