Создаем прогрессивное веб-приложение на ReactJS и размещаем его в Netlify и PWA Store

https://habr.com/ru/post/507812/

15 вопросов для интервью по React с решениями

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

#react #tips

Tool selection tips for React Native (russian translation)

Выбор инструментов для React Native

https://nuancesprog.ru/p/7738

О тестировании React приложений с помощью Jest

https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/

ES6 - Symbol

Symbol это уникальный и неизменяемый тип данных.

Свойства символов:
При создании символам можно дать имя.

 Создаём символ id с описанием (именем) "id"
let id = Symbol("id");

Они гарантированно уникальны.

 let id1 = Symbol("id");
 let id2 = Symbol("id");

alert(id1 == id2); // false

Не преобразуются автоматически в строки.

 let id = Symbol("id");
alert(id); // TypeError: Cannot convert a Symbol value to a string

Позволяют создавать «скрытые» свойства объектов, к которым нельзя обратиться из других частей программы и перезаписать их.

let id = Symbol("id");

let user = {
  name: "Вася",
  age: 30,
  [id]: 123 // просто "id: 123" не сработает
};

Игнорируются циклом for…in

 for (let key in user) alert(key); // name, age (свойства с ключом-символом нет среди перечисленных)

React и Redux. Функциональная веб-разработка

Авторы: Бэнкс А., Порселло Е.

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

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

#react #redux #русский

Как протестировать ваши приложения React с помощью React Testing Library

https://www.smashingmagazine.com/2020/07/react-apps-testing-library/

​Вам не нужен Moment.js

Подборка функций для замены библиотеки moment.js при работе с датами и временем.

В закладки: https://prglb.ru/ovb6

#javascript #library

​Полный список решений для валидации форм в React-приложениях

Для такой важной и распространенной задачи как валидация пользовательских форм, лучше использовать готовые решения, а не переизобретать велосипед. Вот некоторые из них:

👉 Formik
👉 React Final Form
👉 Unform
👉 React Form
👉 react-json-schema-form
👉 React Hook Form
👉 Redux Form
👉 Formsy
👉 Simple React Validator

Подробный обзор с примерами использования здесь: https://prglb.ru/5wgzp

#frameworks #react #validation

Типичные ошибки джунов, использующих React

https://tproger.ru/translations/mistakes-junior-react-developers-make/

#тестирование #tdd #book

​Подборка бесплатных материалов по тестированию

Иногда кажется, что про тестировщиков стереотипов ещё больше, чем про программистов. Однако не стоит забывать, что специалисты в этой области так же важны, как и разработчики. И вариантов для развития у них так же много.

В этой подборке собрали 80 бесплатных материалов по тестированию — книги, курсы, инструменты:

https://tprg.ru/Muon

#тестирование

JavaScript Next

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

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

#JavaScript #english

ASP.NET Core 3 and React

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

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

#React #english #middle

React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

Автор: Carlos Santana Roldan
Год издания: 2018

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

#react #node #redux #english

Типичные ошибки джунов, использующих React
https://habr.com/ru/post/510714/

Внезапный лайфхак с indexOf()

Обычно мы пишем как-то так:

if( 'Привет'.indexOf('ве')  >= 0)  alert('Найдено');

Вместо этого можно писать так:

if( ~'Привет'.indexOf('ве')  )  alert('Найдено');

Фишка в том, что в общем случае:

~x == -(x+1)

Пользуйтесь на здоровье ;)

JS паттерны - полуторочасовой курс

https://youtu.be/bTiAfLbmsnY

React-разработка: 6 путей к профессиональному росту

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

Как изучить что угодно?

Learn Anything ‐ сервис с интерактивной картой материалов для изучения практически любых тем — https://learn-anything.xyz/

Вводите любую тему и сервис находит ключевые видео, курсы и статьи для изучения этого навыка

Похожий сайт, но только со списком лучших источников для изучения IT-навыков
https://project-awesome.org/