Knapsack Pro — оптимизация времени запуска тестов в проектах, написанных на любом языке программирования

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

Это позволяет сэкономить время и снизить затраты на серверное оборудование и тестирование

Стоимость: #бесплатно (но есть платные тарифы)

#тестирование #cloud #оптимизация

@react_tg

​Структуры данных во фронтенде

Структуры данных могут быть пугающими. Особенно для самоучек. Но с толковым объяснением и понятными примерами всё не так уж страшно.

Убедитесь сами: 

https://profy.dev/article/javascript-data-structures

#фронтенд

Buildkite — автоматизация сборки и развёртывания приложений

Сервис позволяет создавать и настраивать пайплайны, которые автоматически собирают, тестируют и разворачивают приложения на удалённых серверах

С помощью Buildkite вы можете интегрировать свои любимые инструменты и сервисы, такие как GitHub, Bitbucket, Slack, AWS и многие другие

Инструмент предоставляет UI, позволяющий создавать и настраивать пайплайны без необходимости писать код

Стоимость: #бесплатно (но есть платные тарифы)

#автоматизация #деплой

@react_tg

🪝 Давайте углубимся в React Hooks — React 16.8

В React есть десять встроенных хуков; вы узнаете, что выполняет каждый из них. Хуки – это функции, которые всегда начинаются с названия использования.

Вы должны знать, что они могут вызываться только на верхнем уровне функционального компонента и не работают в стандартных функциях JavaScript, циклах вложенных функций или чём-либо ещё. Давайте обсудим их один за другим!

▪Читать

@react_tg

Инструмент, упрощающий отладку компонентов UI

Preview.js — функциональное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.

Здесь вы можете посмотреть все возможности плагина и установить его:

https://previewjs.com/

#инструмент #фронтенд

@react_tg

Scroll direction rotation — красивая галерея с эффектом наклона при скроллинге. Галерея написана с помощью SCSS и JavaScript.

https://codepen.io/choogoor/pen/bGjrWVL

@react_tg

React Quickly, Second Edition Version 5

📚 Книга

@react_tg

​Тестируйте свои React-компоненты с помощью Nightwatch и Testing Library

Nightwatch и Testing Library — два крайне полезных инструмента для тестирования компонентов. Первая библиотека написана на Node.js и позволяет проводить полноценное сквозное тестирование веб-приложений и сайтов, написанных на JS. В свою очередь Testing Library более минималистичный инструмент, созданный специально для тестирования React-компонентов.

В этой статье вы научитесь:

— устанавливать новый проект React с помощью Vite, который также используется внутри Nightwatch для компонентного тестирования;
— подключать и конфигурировать Nightwatch и Testing Library;
— имитировать API запросы с помощью плагина @nightwatch/api-testing;
— писать комплексные React-компонентные тесты, используя Nightwatch и Testing Library.

https://habr.com/ru/companies/otus/articles/719266/

#react #qa

📚 Подборка бесплатных и актуальных книг по всем языкам программирования.

Java книги

Книги датасаентиста

Golang библиотека

Python библиотека

Крупнейший склад ит-книг

C++ книги

C# книги

Frontend книги

Книги по базам данных

Топ книги по Linux

Библиотека машинного обучения

Сохраняем себе, чтобы не потерять

Gallery animation — анимированная галерея с эффектом при прокрутке. Реализована с помощью CSS и JavaScript.

https://codepen.io/Tiopayo/pen/GRYoMEZ

@javascriptv

⚡ Подборка ресурсов с полезными шпаргалками для фронтенд-разработчика:

▫️htmlcheatsheet
▫️cssreference
▫️reactcheatsheet
▫️cheatography
▫️javascriptcheatsheet

Сохраняем себе, чтобы не потерять

@react_tg

React recursively re-renders child components, but there is a nuance

https://alexsidorenko.com/blog/react-render-children-prop #react

Mountain Hero Page — красивая страница с анимированным скроллом. Страница реализована с помощью CSS и JavaScript.

https://codepen.io/aryancodeworm/pen/rNKqgpY

@react_tg

Обрабатываем ошибки в React: полное руководство

Рассмотрим обработку ошибок в React: что делать при их появлении, как их выявить и устранить.

▪ Читать

@react_tg