FrontEndHub💻

2022-02-15 17:43:30 Deep dive into React codebase [EP1: Prerequisites]

Preface
Prerequisites to the whole series
Afterword

#react Відкрити / Коментувати

2022-02-15 16:12:45 Add a Service Worker to Your Site

What are service workers?
Security
Listening for requests in a service worker
Service worker strategies
Implementing network-first and offline-first strategies in your service worker
Putting it all together

#js Відкрити / Коментувати

2022-01-06 11:00:02 React Architecture Patterns for Your Projects

Navigating a Directory Structure
Create Custom Hooks
Use Absolute Imports
Open Source Session Replay
Separate business logic from UI
The Utils directory
Avoiding creating a single Context for everything

#react Відкрити / Коментувати

2022-01-05 11:00:03 Replacing jQuery with Vanilla ES6

Following a discussion with a colleague about how “necessary” jQuery is now-days, considering how far ES6 has come, I decided to conduct a small experiment: I would clone a live, functioning JS module and replace as much jQuery as possible (ideally all) with vanilla ES6.


#jquery Відкрити / Коментувати

2022-01-04 11:03:14 Распространённые ошибки при использовании npm, которых лучше не совершать

1. Ручное добавление зависимостей в файл package.json
2. Ограничение зависимостей типа peerDependencies конкретной версией патча
3. Публикация нескольких модулей в виде единственного пакета
4. Случайная публикация секретных данных
5. Использование обычного токена аутентификации
6. Бессмысленное обновление пакетов
7. Удаление файла package-lock.json

#npm Відкрити / Коментувати

2021-12-14 11:00:07 How to useRef to Fix React Performance Issues

- The Problem
- The Aha Moment
- The Solution
- When to useRef

#react #hooks Відкрити / Коментувати

2021-12-13 16:29:21 How and Why You Should Store React UI State in the URL

- Bring back deep linking on the web
- Dead-Simple Deep Linking
- The Code

#react #statemanager Відкрити / Коментувати

2021-12-11 15:00:06 Three ways to handle data fetching logic in React projects!

- The Simplest Way
- The Redux Way
- The React Query Way
- So, which is the best way?

#react Відкрити / Коментувати

2021-12-11 15:00:06 CPT Custom Hooks, React Router

useHistory
useRouteMatch
useParams
useLocation

#react #hooks Відкрити / Коментувати

2021-12-11 11:00:07 React folder structure for enterprise level applications

The goal of this article is to explain the reasoning behind this structure so that you can use these ideas to architect the best solution for your project.

#react Відкрити / Коментувати