🚀 Build a bulletproof React component library with Storybook! Boost UI consistency, speed dev, & keep your sanity intact. Dive into atomic design, testing & theming. #ReactJS #Storybook #WebDev
👉 Read the guide:

https://bdking71.wordpress.com/2025/08/11/building-a-powerful-react-component-library-with-storybook-your-ultimate-guide-to-clean-reusable-ui/?utm_source=mastodon&utm_medium=jetpack_social

iOS dùng React? Đừng lo lắng về nút bấm bị che bởi bàn phím nữa! Component React "react-bottom-fixed" giúp nút luôn hiển thị. Dùng npm để cài đặt và tận hưởng.

#react #ios #reactjs #javascript #frontend #reactjs #developer #lập_trình

https://dev.to/max_b6de653730725567de515/keep-bottom-action-buttons-visible-on-ios-using-react-18jo

#day64 – Can you solve these #javascript questions asked in #deloitte interview #coding #frontend

day64 - Can you solve these #javascript questions asked in #deloitte interview #coding #frontend #programming #reactjs. source

https://quadexcel.com/wp/day64-can-you-solve-these-javascript-questions-asked-in-deloitte-interview-coding-frontend/

Как я устал вручную писать сервис-воркеры и сделал next-pwa-pack, чтобы больше не страдать

Сколько лет уже кто-то говорит: «А можно, чтобы оно работало без интернета и ставилось на домашний экран?» И каждый раз после этой фразы начинается медленный спуск в персональный ад — ты лезешь в документацию по PWA, где всё разваливается на ровном месте, service worker живёт своей жизнью, кеш то работает, то ломается, App Router рушит весь твой кастомный пайплайн, а пользователи сидят на старых версиях, потому что вручную обновлять им, конечно, влом. Словом, если ты когда-то пробовал прикрутить оффлайн-режим к Next.js-проекту, ты наверняка вспоминал всех, кто придумал этот стек. Я — точно. Поэтому, как человек, у которого было слишком много кофе и слишком мало терпения, я сделал единственное разумное: написал свою обёртку. Так и появился next-pwa-pack — дроп-ин пакет, который превращает любой Next.js-проект в полноценное PWA, буквально одной строкой. Да, даже с App Router. Просто заворачиваешь свой layout в PWAProvider, и всё: приложение можно установить, оно кэширует страницы, работает оффлайн, синхронизирует вкладки и даже показывает отладочную панель, чтобы не гадать, сработало ли что-нибудь. Воткнул — и живи дальше. А то: Сервис-воркер? Напиши вручную. Кешировать HTML? Сам придумай как. Синхронизация вкладок? Ну это уже магия, удачи. Обновление кеша после деплоя? Ну ты ж senior, сам справишься. 🤡 И ты сидишь, как идиот, с 300 вкладками про Workbox, cache-first , network-only , костылями из Stack Overflow 2019 года, и потеешь. Если раньше каждый запрос «сделай оффлайн» вызывал у меня флэшбэк на тему next-pwa, неподдерживаемых версий, кривого кеша и плясок с бубном вокруг обновлений — теперь всё это ушло. Я хотел простой setup, который просто работает: предзагрузка, нормальные TTL, понятное обновление и синхронизация. Без фокусов, без багов, без “подожди, сейчас DevTools открою”. Погнали дальше!

https://habr.com/ru/articles/935024/

#nextjs #progressive_web_apps #app_router #serviceworker #reactjs #react

Принцип единой ответственности SOLID в React

Всем привет! Меня зовут Дмитрий , и я руководитель фронтенд-разработки в компании Интелси. Сегодня хочу рассказать о принципе единственной ответственности (Single Responsibility Principle) — первом из пяти принципов SOLID, сформулированных Робертом Мартином в его книге "Agile Software Development: Principles, Patterns, and Practices" . Суть этого принципа звучит так: «Класс должен иметь только одну причину для изменения» ( A class should have only one reason to change ).

https://habr.com/ru/articles/934928/

#react #reactjs #design_patterns #solid #typescript #javascript