React.js 14 Инструменты и ресурсы для веб-разработчиков

популярность React.js был быстро растущий с тех пор, как Facebook впервые выпустил библиотеку в 2013 году. пятый по популярности проект с открытым исходным кодом на Github, и объявления о вакансиях для разработчиков React также находятся на подъеме. Реагировать облегченный JavaScript-фреймворк за создание пользовательских интерфейсов - наиболее яркими примерами являются Facebook и Instagram.

Реакт предлагает альтернатива для фреймворков MVC, такие как Angular или Backbone, с более простая структура а также фокус на оптимизации производительности. Поскольку React определенно определит ландшафт веб-разработки в ближайшие годы, в этой статье мы хотели бы предоставить вам инструментарий разработчика чтобы помочь вам ступить в сферу разработки React.

Официальные документы React.js из Facebook

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

React.js Github репо

В репозитории React Github вы можете проверить исходный код React всякий раз, когда вам это нужно. Если вы хотите быть в курсе текущего состояния развития, вы также можете взглянуть на проблемы, вехи, и последние запросы. Если вы застряли, это также может быть хорошей идеей для изучения Руководство по устранению неполадок немного.

Hello World стартовый код

Если вы хотите быстро попробовать Реагировать, вы можете начать с этого “Привет, мир” интерактивная демонстрация на Codepen. Это включает все необходимые активы и стартовый код также. Так как Babel также включен, вы можете использовать и ECMAScript 6, и синтаксис JSX. Просто разветвите эту ручку, и вы можете идти дальше, не настраивая всю среду самостоятельно..

Реактивный стартовый комплект

Реактивный стартовый комплект является шаблон изоморфного веб-приложения построен из Node.js, Express, GraphQL, React, и несколько инструментов веб-разработки, таких как Webpack, Babel, а также Browsersync. Это дает вам тот же стек веб-интерфейса, который использует Facebook и позволяет прыгать в полная разработка React без особых хлопот.

ReactCSS

ReactCSS позволяет добавить встроенные стили CSS в JavaScript. ReactCSS поставляется с поддержкой React, Redux, React Native (фреймворк для создания собственных мобильных приложений с использованием React), автофиксированием, наведением курсора, псевдоэлементами и медиа-запросами. Вы можете быстро установить его с помощью npm.

Реагировать на интеграцию JSFiddle (с JSX и без него)

Это отличный онлайн площадка если вы хотите место, где вы можете начать практиковать React. Это размещено на JSFiddle, и имеет две версии: один с JSX а также один без JSX, выберите тот, который вам удобнее.

Генератор руководств по стилю реагирования

Вы можете быстро создать руководство по стилю для вашего проекта React с этим простым в использовании Генератор руководств по стилю реагирования. Вам нужно только добавить немного документации к вашим файлам, а генератор позаботится обо всем остальном. Инструмент поставляется с подробным файлом readme.

Belle настраиваемые компоненты React

красавица это Реагировать на библиотеку компонентов что оснащает вас набор компонентов React Вы можете использовать в своем проекте, такие как “кнопка”, “Карта”, “волчок”, “тумблер”, “Рейтинг”, различные компоненты формы и другие. Компоненты работают как на мобильном, так и на настольном компьютере, и они настраиваемый также.

Красавица не единственная библиотека компонентов React там вы можете найти других великих на Github, таких как Реагировать на виджеты или же стихийный.

Среда разработки пользовательского интерфейса React Storybook

Если вы не хотите использовать чужую библиотеку компонентов, но хочу построить свой собственный, стоит попробовать React StoryBook который является Среда разработки пользовательского интерфейса для компонентов React. Сборник рассказов позволяет разрабатывать компоненты в интерактивном режиме. Имеет сложная документация, и ты можешь начать разработку в Storybook Hub.

Реагировать-Bootstrap

Реагировать-Bootstrap интегрирует React с популярными Bootstrap 3 каркас внешнего интерфейса. Его разработчики в основном перестраивали компоненты Bootstrap с помощью React.js. Это приводит к чистая кодовая база с меньшим количеством повторений и более высокая производительность.

Обратите внимание, что, поскольку репо находится в стадии активной разработки, API в будущем изменятся. Для текущее состояние развития, проверить дорожная карта проекта.

Инструменты разработчика React для Chrome

Реагируйте на DevTools для Chrome является расширением Chrome Developer Tools и позволяет вам проверить иерархию компонентов. это было созданный Facebook с целью помочь сообществу разработчиков в создании новых приложений React. Вы можете просто добавить его как расширение Chrome в ваш браузер. Вы можете просматривать принадлежащий исходный код на Github, а также.

Инструменты разработчика React для Firefox

Это Версия Firefox того же самого Инструменты разработчика React, созданные Facebook. Просто добавь это как дополнение к вашему браузеру Firefox, и сразу начинайте проверять дерево иерархии вашего приложения React.

Пакет React.js для Atom

Можете добавить Реагируйте на поддержку вашего редактора кода Atom с этим пакетом Atom React. Идет с подсветка синтаксиса, автозаполнение, фрагменты кода, преобразование HTML в JSX, и некоторые другие полезные функции, которые могут значительно облегчить разработку React.

React.js Основы - бесплатный онлайн курс

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