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

Курс по Webpack, 3 часа

https://youtu.be/eSaF8NXeNsA

Базовый формат моков React компонентов

https://habr.com/ru/company/otus/blog/524292/

React Router v5: полное руководство

https://www.sitepoint.com/react-router-complete-guide/

Всем привет!

Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2

Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?

#redux

🦉 Использование фреймворка Nightwatch.js для автоматизации тестирования

Пошаговое руководство к Nightwatch.js для автоматизации браузерного тестирования: https://prglb.ru/37xla

#testing #javascript

Лучшие практики с React Hooks

https://blog.bitsrc.io/best-practices-with-react-hooks-69d7e4af69a7

Повышаем квалификацию с лучшими инструментами для web-разработки на React

Полезная подборка инструментов и библиотек для работы с React: https://prglb.ru/v5uf

#react #tools

24 современных сниппетов ES6 для решения практических задач JavaScript

https://medium.com/swlh/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e

Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js

— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты

#react #redux

К статье(eng)