О тестировании 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/

Управление зависимостями JavaScript
https://habr.com/ru/company/domclick/blog/509440/

​Hands-On Design Patterns with React Native (2018)
Автор: Mateusz Grzesiukiewicz
Количество страниц: 302

React Native позволяет писать приложения как для iOS, так и для Android.
Эта книга покажет вам эффективные шаблоны проектирования в мире React Native и подготовит вас к профессиональному развитию в больших командах. Книга сосредоточена только на шаблонах, которые имеют отношение к JavaScript, ECMAScript, React и React Native.

Во время чтения книги вы:
✔️Изучите шаблоны проектирования в React Native;
✔️Ознакомитесь с распространенными шаблонами React, которые широко используются в разработке React Native;
✔️Изучите лучшие практики для разработки на React Native;
✔️Научитесь отделять компоненты и использовать внедрение зависимости в своих приложениях;
✔️Изучите лучшие способы извлечения данных из бэкэнд-систем;
✔️Прочитаете о лучших способах организации кода вашего приложения в больших кодовых базах.

Достоинства:
➕Хорошо подходит для опытных программистов;
➕Содержит множество примеров кода.

Недостатки:
➖Не замечено.

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

#english #book #advanced

Компания Adobe представила React Spectrum

Это коллекция библиотек и инструментов, которые помогут создавать адаптивный, доступный и надёжный пользовательский интерфейс. React Spectrum включает в себя три библиотеки:

— React Spectrum: «реактивная» реализация Spectrum.
— React Aria: хуки для работы с a11y, i18n и поведением компонентов.
— React Stately: хуки для работы со стейтом компонентов.

Подробнее: https://tprg.ru/rbsJ

#фронтенд #react

​JavaScript for impatient programmers (2019)
Автор: Dr. Axel Rauschmayer
Количество страниц: 526

Эта книга делает JavaScript менее сложным в освоении для новичков, предлагая современный, максимально последовательный взгляд на язык.

Особенности книги:
✔️Начните программировать быстро, сосредоточившись на современных особенностях;
✔️Охватывает все основные функции JavaScript, вплоть до ES2019;
✔️Дополнительные расширенные разделы позволяют погрузиться в тему глубже.

Достоинства:
➕Лаконичность;
➕Хороший авторский стиль.

Недостатки:
➖Не замечено.

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

#english #book #beginner