JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание

Автор: Кириченко А. В.
Год издания: 2020

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

#JavaScript #русский #middle

Оптимизированные для поиска SPA с React Helmet

https://blog.logrocket.com/search-optimized-spas-react-helmet/

Рассказываем, что такое наборы в JavaScript, как они работают и как их использовать.

Читать статью

Отличный туториал по разработке PWA приложений (сам посмотрел и теперь пилю свое)

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

React 16 Essentials, Second Edition

Автор: Artemij Fedosejev, Adam Boduch
Год издания: 2017

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

#React #english #middle

React programming. The Ultimate Beginner's Guide to Learn react js Programming. Step by Step

Автор: John Bach
Год издания: 2020

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

#react #english

Что такое Render в React и как его зафорсить?

https://www.telerik.com/blogs/what-is-render-react-how-do-you-force-it

React быстро. Веб-приложения на React, JSX, Redux и GraphQL

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

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

#React #русский #middle

⚛️ Локализация приложений React с i18next

Перевод интерфейса на разные языки – головная боль разработчика рассчитанных на международную аудиторию программ. Предлагаем вам быстрый и простой способ локализации приложений React с помощью плагина i18next.

https://prglb.ru/4e571



#react #tools

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

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