React.js 14 Инструменти и ресурси за уеб разработчици

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

Реакцията предлага алтернатива за MVC рамки, като ъглово или гръбно, с a по-ясна структура и акцент върху оптимизацията на производителността. Тъй като React със сигурност ще определи ландшафта на уеб разработките в следващите години, в тази статия бихме искали да ви предоставим a инструментариум за разработчици да ви помогнем да стъпите в сферата на развитието на Реактивите.

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

Facebook предоставя на разработчиците a подробна документация на основни концепции на Реакт. Освен документите, тук можете да намерите и голям урок как да се изгради интерактивна игра Tic-Tac-Toe с React и a дискусионен форум за разработчици на React. Като документите са с отворен код, можете дори да ги редактирате, ако искате.

React.js Github repo

В React Github repo можете провери изходния код на React когато имате нужда. Ако искате да бъдете информирани за текущото състояние на развитието, можете също да погледнете въпроси, на постижения, и последните искания за изтегляне. Ако сте останали, може да е добра идея да изучавате Ръководство за снимане на проблеми малко.

Здравей Световен стартов код

Ако искате бързо да опитате да реагирате, можете да започнете с това “Здравей свят” интерактивна демонстрация на Codepen. Включва всички необходими активи и стартов код също. Както Babel е включен, можете да го използвате ECMAScript 6 и JSX синтаксис. Просто извадете тази писалка и можете да продължите без да създавате цялата среда сама.

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

Най- Реагирайте стартов комплект е изоморфен уеб приложение построена от Node.js, Express, GraphQL, React, и няколко инструмента за уеб разработка, като например Webpack, Бабел, и Browsersync. Тя ви осигурява същото използване на Facebook в стека и ви позволява да скочите full-stack Реактивна разработка без прекалено много караница.

ReactCSS

ReactCSS прави възможно добавете вградени CSS стилове в JavaScript. ReactCSS идва с поддръжка на React, Redux, React Native (рамка за изграждане на собствени мобилни приложения, използващи React), автопрефиксиране, hover, псевдо-елементи и медийни заявки. Можете бързо инсталирайте го с npm.

Реагирайте интеграцията на JSFiddle (със и без JSX)

Това е страхотно онлайн детска площадка ако искате място, където да започнете да практикувате Реакция. е домакин на JSFiddle, и има две версии: един с JSX и един без JSX, изберете кой е по-удобен.

Реагирайте генератора за стил

Можете бързо генериране на ръководство за стил за вашия проект React с този лесен за използване Реагирайте генератора за стил. Трябва само добавете малко документация към вашите файлове и генераторът се грижи за останалото. Инструментът идва с подробен файл readme.

Регулируеми компоненти за реагиране

красавица е Реагирайте библиотеката на компонентите който ви подготвя набор от реактивни компоненти може да искате да използвате във вашия проект, като например “бутон”, “карта”, “стругар”, “щифт”, “оценка”, различни компоненти на формата и други. Компонентите работят както на мобилни, така и на настолни компютри, и те са приспособима също.

Бел е не е единствената библиотека на React компонента там, можете да намерите други големи такива в Github, като например Реагирайте джаджи или елементарен.

Реагирайте средата за разработка на потребителски интерфейс за книгата със сюжети

Ако не искате да използвате библиотеката на някой друг, но искам да изградя свой собствен, заслужава да се опитате Реагирайте StoryBook което е Среда за разработване на UI за компоненти на React. Storybook ви позволява разработват интерактивно компоненти. Тя има разработена документация, и можете започнете с развитието в Център за Storybook.

Реагират-за първоначално зареждане

Реагират-за първоначално зареждане интегрира React с популярния Предната рамка на Bootstrap 3. Неговите разработчици основно възстановяват компонентите на Bootstrap с React.js. Това води до a по-чиста база код с по-малко повторения, и a по-висока производителност.

Имайте предвид, че тъй като репо е в процес на активно развитие, API-ите ще се променят в бъдеще. За текущото състояние на развитие, разгледайте пътна карта на проекта.

Реагирайте инструментите за програмисти за Chrome

Реагирайте DevTools за Chrome е разширение на инструментите за програмисти на Chrome и ви позволява проверявайте йерархията на компонентите. Беше създаден от Facebook с усилията да подпомогнем общността на разработчиците при изграждането на нови приложения на React. Можете просто добавете го като разширение за Chrome към браузъра. Можете да разглеждате принадлежащ изходен код също и за Github.

Реагирайте инструментите за програмисти за Firefox

Това е Версия на Firefox от същото Реагирайте Инструменти за разработчици, създадени от Facebook. Просто го добавете като добавка към браузъра ви Firefox, и започнете да преглеждате едновременно дървото на йерархията на приложението React.

Пакет React.js за Atom

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

React.js Fundamentals - безплатен онлайн курс

Има много отлични и сравнително евтини курсове, където можете научете Реагирайте развитието, въпреки това можете да запишете това Основи на React.js онлайн курс за напълно безплатно. Тя е съставена от 12 урока, започва с основи на Реакт, и има a хубава учебна програма която обхваща всички важни неща.