​​visx | visualization components for #react

visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.

https://github.com/airbnb/visx

#ts

15 ответов на вопросы собеседования по React с решениями

https://www.sitepoint.com/react-interview-questions-solutions/

Вы не знаете JS. Замыкания и объекты

Автор: Кайл Симпсон

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

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

#javascript #русский

5 крутых трюков с JavaScript Promise

https://davidwalsh.name/javascript-promise-tricks

Javascript RegExp

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

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

#javascript #english #beginner

13 прокси-ловушек

Proxy в JavaScript позволяет перехватывать основные операции с объектом (изменение и назначение свойств, перебор в цикле и т. д.)

В статье на демо-примерах разобраны 13 таких перехватчиков: https://prglb.ru/1zmkw

#javascript #proxy

Умные способы написания JSX в вашем приложении на React

https://medium.com/javascript-in-plain-english/smart-ways-to-write-jsx-in-your-react-app-f435aa12bb96

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