React — это библиотека JavaScript, изначально созданная разработчиками в Facebook для создания быстрых пользовательских интерфейсов. Если вы погружаете свой палец в воду React, или если ваш путь разработки React набирает скорость, может быть трудно придерживаться основ, методов, инструментов и трюков — поэтому мы создали это руководство по тому, что там. и что мы рекомендуем. Независимо от того, где вы находитесь в своем путешествии, лучший контент React, который вам нужен, находится здесь — посмотрите и погрузитесь! (И если вы думаете, что мы что-то упустили, сообщите нам об этом в форме ниже!)
Обновлено 18 сентября 2017 г. Руководство по настройке Vim для разработки React [drivy.engineering] и руководство по созданию игры с React и WebGL [sitepoint].
статьи
Независимо от того, решаете ли вы сделать выбор в пользу React или ищете более продвинутые инструменты и системы, вот лучшие письменные ресурсы, которые мы можем найти.
Введение и сравнения
- Как определить, подходит ли React для вашего следующего проекта [sitepoint].
- React vs Angular — Углубленное сравнение [sitepoint].
- React vs Vue — «почему я выбрал React вместо Vue» [medium / @ calinleafshade].
- Начало работы с React, руководством для начинающих [sitepoint].
- Исследуйте новые возможности React 16, создав музыкальный проигрыватель [sitepoint].
- Как React улучшает анимацию D3 [sitepoint].
- Официальное вступление Facebook, чтобы Реагировать [facebook.github].
основы
- Все фундаментальные концепции React объединены в одну статью [medium.freecodecamp].
- Готовьте проекты быстро, используя приложение Facebook React [sitepoint].
- Вернуться к основам — использование React Flow [medium / javascript-inside].
- Как оптимизировать производительность React с использованием компонентов без состояния [sitepoint].
- Избыток стилей в React — от использования внешнего CSS до стилевых компонентов [sitepoint].
- Глубоко прореагируйте на анимацию [средний / активный-родной-обучение].
- Вступление к шаблону папки компонентов [medium / styled-components], которое облегчает написание масштабируемых приложений React.
- Все о React Router 4 [css-трюки].
- И руководство по рендерингу React на стороне сервера [css-tricks].
- Четыре неизменных подхода к обработке состояний в React [medium / @ housecor].
- Как установить React Native [sitepoint].
- Руководство по аутентификации в приложениях React Native [goshakkk.name].
- Доступная для поиска фильтруемая шпаргалка React [actcheats].
Чуть более продвинутый
- Как организовать большое приложение React и сделать его масштабированным [sitepoint].
- Совет: изучите React перед использованием Redux [robinwieruch].
- Как создать действительно универсальные системы компонентов React [medium / styled-components].
- Redux против MobX: что лучше? [SitePoint].
- React 16 изменил то, как React обрабатывает неизвестные атрибуты DOM: руководство о том, как эти изменения влияют на вас и ваш код [facebook.github].
Курсы
Если объединение вашего собственного пути обучения с помощью статей не для вас, или вы хотите убедиться, что вы знакомы со всеми концепциями и техниками, это рекомендуемые структурированные курсы React.
- React for Beginners [реактор для начинающих ] — это золотой стандарт в образовании React от экстраординарного преподавателя React Уэса Боса.
- React Express [реаги.экспресс] — это универсальное руководство по разработке React.
проектов
У вас есть основы — и, возможно, даже немного больше. Вот несколько проектов, чтобы применить эти знания на практике:
- Пошаговое руководство по созданию приложения React с логином и аутентификацией пользователя [sitepoint].
- Руководство по созданию приложения в реальном времени с React Native и Pusher [sitepoint].
- Как добавить аналитику в приложение React Native [sitepoint].
- Создайте свое первое приложение React на стороне сервера с помощью Rails [engineering.musefind].
- Как создать клон Reddit с помощью React и Firebase [sitepoint].
- Создайте полную, сферическую галерею трехмерных изображений с помощью React VR [sitepoint].
- Затем создайте полноценный клон Trello с помощью React, Redux, Express и MongoDB [sitepoint].
- А затем создайте приложение для распознавания лиц с помощью React Native [sitepoint].
- Как создать приложение для Android с помощью React Native [sitepoint].
- Создание игры с React и WebWL [sitepoint].
Библиотеки и инструменты
- Как настроить Vim для разработки React [drivy.engineering].
- Реактивный котел [github / реактивный котел] — это масштабируемая автономная первая основа для вашего следующего проекта React.
- response -vt [github / Reactionvt] — библиотека визуального тестирования для разработчиков React.
- Mirror [github / mirrorjs] — это простая, мощная среда React с минимальным API и без шаблонов.
- React Material UI, React Bootstrap, Semantic UI и (еще четыре) — семь библиотек React, о которых вы должны знать [readwrite].
- Компоненты веб-интерфейса JetBrains имеют открытый исходный код [blog.jetbrains].
- Gatsby [gatsbyjs] — это дружественный, супер быстрый генератор статических сайтов для React.
- React Static — это генератор статических сайтов React, целью которого является простота настройки и независимость от данных.
- React Native Pull to Refresh [github / nadikuts] — это пользовательский компонент для обновления для Android.
- Lottie [airbnb.design] — это библиотека для iOS, Android и React Native, которая позволяет приложениям использовать анимацию так же легко, как статические изображения.
- Sketch.app [airbnb] — это еще один инструмент от Airbnb, который позволит вам писать компоненты React, которые будут отображаться в документах Sketch.
Информационные бюллетени
Если все это помогло вам войти в мир React — вот несколько информационных бюллетеней, которые помогут вам быть в курсе того, что нового.
- Управление версиями [sitepoint] — ежедневная новостная рассылка, охватывающая различные темы, включая React, которая выглядит как этот пост (текст и ссылки) и написана мной!
- React Status [response.statuscode] — еженедельная новостная рассылка от хороших людей из Cooperpress.
- Информационный бюллетень React [actjsnewsletter] — еженедельный информационный бюллетень, куратором которого являются Тайлер Макгиннис и Ean Platter.
- реактивный дайджест [ реагирующий дайджест ] — еженедельный информационный бюллетень, пять ссылок React рассылаются каждый понедельник.
Что мы пропустили?
Наконец, если вы нашли отличный ресурс или инструмент React, который здесь находится — сообщите нам об этом в форме ниже. Счастливая Реакция. Реакция-ки. Re действия. Все эти вещи!