Что такое React.js ?

React.js (также известный как React) - это JavaScript библиотека, разработанная Facebook, для создания пользовательских интерфейсов. React использует концепцию компонентов, которая позволяет разбить пользовательский интерфейс на независимые, переиспользуемые части. Это помогает сделать код более масштабируемым и легко поддерживаемым. React использует механизм Virtual DOM, который позволяет быстро обновлять только изменившиеся части пользовательского интерфейса, что повышает производительность приложения.

Кто использует React.js ?

React.js используется множеством компаний и организаций для разработки веб-приложений. Некоторые из известных компаний, которые используют React.js, включают Facebook, Airbnb, Uber, Netflix, Asana, Dropbox, и Twitter. Он также используется многими другими компаниями и организациями в различных отраслях, таких как финансы, здравоохранение, реклама, и образование.

Для чего используют React.js ?

React.js используется для разработки веб-приложений с использованием JavaScript. Он позволяет разработчикам создавать пользовательские интерфейсы с использованием компонентного подхода, который позволяет разбить интерфейс на независимые, переиспользуемые элементы. Это обеспечивает более высокую степень масштабируемости и сопровождения кода. React также использует механизм Virtual DOM, который позволяет быстро обновлять только изменившиеся части пользовательского интерфейса, повышая производительность приложения. React.js популярен в веб-разработке из-за своей гибкости, легкости использования и возможности интеграции с другими библиотеками и фреймворками.

React.js - Видеоуроки, курсы, туториалы - страница 51

Изображение курса Добавляем интернационализацию (i18n) в React app с React Intl

egghead

11 янв. 2018 г., 19:31

React.js

Добавляем интернационализацию (i18n) в React app с React Intl

Add Internationalization (i18n) to a React app using React Intl

Интернационализация (i18n) в React — один из ключевых шагов для масштабируемости и удобства использования приложения. В этом материале мы разберём, как эффективно внедрить react-intl в проект на базе create-react-app и react-router, оптимизируя структуру контента и улучшая качество кода.Зачем использовать react-intl в React‑приложенииБиблиотека react-intl делает работу с i18n проще и надёжнее. Она предоставляет готовые инструменты для: форм

+22

Изображение курса Начало работы с React Storybook

egghead

4 янв. 2018 г., 23:49

React.js

Начало работы с React Storybook

Getting Started with React Storybook

React Storybook — это мощный инструмент, который помогает разработчикам создавать, документировать и тестировать UI‑компоненты изолированно. Этот курс познакомит вас с основами работы со Storybook и покажет, как ускорить и упростить разработку интерфейсов.Что такое React StorybookStorybook представляет собой независимую среду разработки UI‑компонентов, которую можно использовать без запуска основного проекта. Это позволяет сфокусироваться искл

-2

Изображение курса Jest тестирование снимками с React Storybook

egghead

4 янв. 2018 г., 23:45

React.js

Jest тестирование снимками с React Storybook

Jest Snapshot Testing with React Storybook

Jest тестирование снимками в связке с React Storybook позволяет значительно повысить надежность интерфейсов, автоматизируя контроль изменений UI. В этом материале мы разберем, как эффективно организовать тестирование, какие инструменты использовать и как внедрить его в рабочий процесс.Что такое тестирование снимками в JestТестирование снимками фиксирует текущее состояние компонента и сравнивает его с эталонной версией. Если структура UI измени

-7

Изображение курса Добавляем к проекту React Storybook

egghead

4 янв. 2018 г., 23:39

React.js

Добавляем к проекту React Storybook

Add React Storybook to a Project

В этом уроке вы узнаете, как правильно добавить и настроить React Storybook в существующий React‑проект, какие файлы конфигурации важны и как использовать Storybook для ускорения разработки интерфейсов.Зачем добавлять Storybook в React‑проектStorybook помогает изолированно разрабатывать, тестировать и документировать UI‑компоненты. Благодаря этому можно быстрее находить ошибки, улучшать дизайн‑систему и повышать качество интерфейсов.Ключевые

-2

Изображение курса Пишем первый React Storybook Story

egghead

4 янв. 2018 г., 23:35

React.js

Пишем первый React Storybook Story

Write the First React Storybook Story

В этом уроке вы узнаете, что такое Story в React Storybook, зачем она нужна и как правильно создать свою первую Story для компонента. Материал подойдет новичкам и разработчикам, которые хотят улучшить структуру и документацию UI‑компонентов.Что такое Story в React StorybookStory представляет собой минимальную единицу в Storybook — отдельный пример отображения React‑компонента. Она помогает документировать внешний вид и поведение компонента в р

Изображение курса Динамично зазгружаем React Storybook Stories

egghead

4 янв. 2018 г., 23:31

React.js

Динамично зазгружаем React Storybook Stories

Load React Storybook Stories Dynamically

Динамическая загрузка stories в React Storybook помогает автоматизировать работу со снижением ручных действий, ускоряет разработку и повышает удобство документирования компонентов.Что даёт динамическая загрузка storiesПодход с автоматической подгрузкой файлов stories избавляет разработчиков от необходимости вручную прописывать каждый новый файл в конфигурации Storybook. Автоматическая регистрация новых stories Сокращение количества шаблон

-1

Изображение курса Инспектируем события компонентов с React Storybook

egghead

4 янв. 2018 г., 23:25

React.js

Инспектируем события компонентов с React Storybook

Inspect Component Events with React Storybook

В этом материале мы разберёмся, как с помощью React Storybook удобно отслеживать события, которые компоненты генерируют через пропсы‑функции. Вы узнаете, как тестировать взаимодействия, визуализировать события и повышать надёжность интерфейсов без сложной настройки.Зачем отслеживать события в StorybookМногие UI‑компоненты использует callback‑функции, чтобы сообщать о действиях пользователя: кликах, вводе данных, выборе элементов и других событ

Изображение курса React: Flux Aрхитектура (ES6)

egghead

4 янв. 2018 г., 22:38

React.jsFlux

React: Flux Aрхитектура (ES6)

React: Flux Architecture (ES6)

Освоение Flux‑архитектуры — важный шаг для тех, кто хочет создавать масштабируемые и предсказуемые React‑приложения. В этом курсе вы разберётесь, как упорядочить данные, управление состоянием и взаимодействие компонентов, используя современный стек: ES6, Babel и Webpack.Что вы изучите в этом курсеFlux помогает упрощать управление состоянием и делает поведение приложения более прозрачным. Курс показывает, как правильно организовать потоки данны

ihatetomatoes

14 дек. 2017 г., 23:12

React.js

React Workshop

React Workshop — это практический курс для тех, кто хочет уверенно работать с современным React, выходя далеко за рамки типичного TODO-приложения. Здесь вы шаг за шагом создадите несколько продвинутых проектов, освоите ключевые инструменты экосистемы и поймёте, как строить сложные интерфейсы на профессиональном уровне.Почему стоит выбрать ReactReact остаётся одним из самых востребованных JavaScript‑фреймворков, на котором работают такие гигант

+19

Изображение курса Продвинутые паттерны React компонентов

egghead

11 дек. 2017 г., 18:54

React.js

Продвинутые паттерны React компонентов

Advanced React Component Patterns

Продвинутые паттерны React компонентов — курс, который помогает глубже понять современные подходы к проектированию гибких и переиспользуемых интерфейсных модулей. Обновлённая и улучшенная структура курса позволяет не только изучить паттерны, но и увидеть их сильные и слабые стороны на практике, применяя их к одному базовому компоненту.О чём этот курсКурс посвящён изучению расширенных шаблонов проектирования React‑компонентов. Вы начнёте с прос

+44

React.js: Список курсов