Неплохая объяснялка про хуки в Реакте.

https://www.sitepoint.com/react-hooks/

Как работают хуки в Реакте

На меня вчера внезапно снизошло понимание того, как работают хуки. До этого почему-то картинка никак не могла сложиться полностью. Теперь могу поделиться своим озарением с вами.

1. Хук - это просто механизм для вызова ререндеринга компонента, когда что-то происходит вне этого компонента.

То есть хуки представляют триггеры, по которым вызывается ререндеринг.

2. Сложнее всего было понять, как хуки привязываются к экземпляру компонента.

Оказалось, что при создании экземпляра компонента Реакт запоминает, какой именно компонент сейчас создаётся, и когда из него вызывается какой-нибудь useState, Реакт знает, к чему привязывать нужную переменную.

То есть привязка хука к компоненту осуществляется самим Реактом снаружи, при вызове функционального компонента.

Надеюсь, я кому-то ещё помог понять)

Обработка ошибок в React Hooks

Механизм грамотной обработки ошибок в React: https://prglb.ru/2okdy

#react

5 практических рекомендаций по использованию React-хуков в продакшне

1. Своевременное извлечение хуков из компонентов и создание пользовательских хуков
2. О пользе React.useDebugValue
3. Комбинирование и композиция хуков
4. Сравнение React.useReducer и React.useState
5. Постепенное внедрение хуков

https://habr.com/ru/company/ruvds/blog/494712/

Mastering React Test-Driven Development

Автор: Daniel Irvine
Год издания: 2019

Скачать книгу pdf
Скачать книгу epub
Скачать code

#react #english

Коллекция шпаргалок по веб-технологиям

https://devhints.io/

Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?

https://habr.com/ru/company/ruvds/blog/521820/

Mastering JavaScript Functional Programming, Second Edition

Автор: Federico Kereki
Год издания: 2020

Скачать книгу
Скачать code

#JavaScript #english

Learn React Hooks

Автор: Daniel Bugl
Год издания: 2019

Скачать книгу
Скачать code

#react #english

Practical Bootstrap

Автор: Matsinopoulos P.

Год издания: 2020

Скачать книгу

#bootstrap #english

#course #english #video

Бесплатный курс по оcновам JS от Microsoft

https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2

Framer Motion — красивые анимации и взаимодействия для React.

https://dev.to/vaibhavkhulbe/framer-motion-beautiful-animations-and-interactions-for-react-1d56

Управление long-running задачами в приложении на React с помощью веб-воркеров

https://www.smashingmagazine.com/2020/10/tasks-react-app-web-workers/

​Порядок выполнения скриптов в HTML и как работает тег <script>

Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег <script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:

https://tprg.ru/hCQ6

#фронтенд #html #javascript

Схема загрузки скриптов по разным схемам.

🛠 Ink — фреймворк на основе React для создания приложений командной строки. Он предлагает большой выбор предопределенных компонентов, которые можно использовать для ускорения разработки интерфейсов терминала, а также позволяет добавлять такие функции, как более продвинутые макеты и элементы управления..

#инструменты

Как сделать загрузку файлов с React + Google Storage + GraphQL

https://www.smashingmagazine.com/2020/10/file-uploads-react-apollo-google-storage-graphql

Визуализация JavaScript

Серия статей с максимально понятным разбором важных концепций языка:

1. Цикл событий
2. Хойстинг
3. Области видимости
4. Движок
5. Прототипное наследование
6. Генераторы и итераторы
7. Промисы и async/await

#javascript

Прекратите использовать Moment.js для дат и времен в JavaScript

https://medium.com/javascript-in-plain-english/stop-using-moment-js-for-dates-and-time-in-javascript-e51e6a708148

React Design Patterns and Best Practices, Second Edition

Автор: Carlos Santana Roldán
Год издания: 2019

Скачать книгу pdf
Скачать книгу epub
Скачать code

#react #english

Начало работы со Styled-Components в React

https://medium.com/javascript-in-plain-english/getting-started-with-styled-components-in-react-4379cc2be39e