React.js 14 Herramientas y recursos para desarrolladores web

los popularidad de React.js ha sido en rapido crecimiento desde que Facebook lanzó por primera vez la biblioteca en 2013. Es El quinto proyecto de código abierto más frecuentemente destacado. en Github, y los anuncios de trabajo para los desarrolladores de React también están en gran medida en aumento. Reaccionar es un marco de JavaScript ligero para construyendo interfaces de usuario - Los ejemplos más destacados son Facebook e Instagram..

React ofrece una alternativa para los marcos MVC, como Angular o Backbone, con una estructura más sencilla y un enfoque en la optimización del rendimiento. Como React seguramente definirá el panorama del desarrollo web en los próximos años, en este artículo nos gustaría brindarle una kit de herramientas para desarrolladores para ayudarte a poner un pie en el reino del desarrollo React.

Documentos oficiales de React.js de Facebook

Facebook proporciona a los desarrolladores una documentación detallada sobre el principales conceptos de reaccionar. Además de los documentos, también puede encontrar aquí un gran tutorial sobre cómo construir un juego interactivo de tic-tac-toe con React, y un foro de discusion para desarrolladores React. Como el los documentos son de código abierto, Incluso puedes editarlos si quieres..

React.js Github repo

En el repositorio React Github, puedes mira el código fuente de React siempre que lo necesites. Si desea mantenerse informado sobre el estado actual de desarrollo, también puede consultar el cuestiones, la hitos, y el últimas solicitudes de extracción. Si te quedas atascado, también puede ser una buena idea estudiar el Guía para resolver problemas un poco.

Hola código de inicio mundial

Si quieres intentar reaccionar rápidamente, puedes comenzar con esto “Hola Mundo” demostración interactiva en codepen. Incluye todos los activos necesarios y el código de inicio también. Como Babel también está encendido, puedes usar Tanto ECMAScript 6 como la sintaxis JSX. Simplemente bifurque este lápiz y podrá seguir adelante sin tener que configurar todo el entorno por su cuenta..

Reactuar kit de inicio

los Reactuar kit de inicio es un plantilla de aplicación web isomorfa construido de Node.js, Express, GraphQL, React, y un puñado de herramientas de desarrollo web, tales como Webpack, Babel, y Browsersync. Te proporciona la Usos de Facebook de la misma pila frontend y te permite saltar a desarrollo React de pila completa sin demasiada molestia.

Reaccionar

Reaccionar hace posible añadir estilos CSS en línea en JavaScript. ReactCSS viene con soporte para React, Redux, React Native (un marco para crear aplicaciones móviles nativas usando React), autorefixing, hover, pseudo-elementos y consultas de medios. Usted puede rápidamente instálalo con npm.

React JSFiddle Integration (con y sin JSX)

Esto es genial patio de juegos en línea Si quieres un lugar donde puedas empezar a practicar React. Sus alojado en JSFiddle, y tiene dos versiones: uno con JSX y uno sin JSX, Elige el que te resulte más cómodo.

Generador de guía de estilo reactivo.

Usted puede rápidamente generar una guía de estilo para su proyecto React con este fácil de usar Generador de guía de estilo reactivo.. Solo tienes que añadir un poco de documentación A tus archivos, y el generador se encarga del resto. La herramienta viene con un archivo readme detallado.

Componentes React configurables Belle

Beldad es un Biblioteca de componentes reactivos que te equipa con un conjunto de componentes React Es posible que desee utilizar en su proyecto, como “Botón”, “Tarjeta”, “Hilandero”, “Palanca”, “Clasificación”, Diferentes componentes de forma, y ​​otros. Los componentes funcionan tanto en el móvil como en el escritorio, y estan personalizable también.

Belle es no es la única biblioteca de componentes React por ahí, puedes encontrar otros geniales en Github, como Reaccionar widgets o Elemental.

React Storybook UI Development Environment

Si no quieres usar la biblioteca de componentes de otra persona pero quiere construir su propio, vale la pena intentarlo Reaccionar libro de cuentos el cual es un Entorno de desarrollo de IU para componentes React.. El libro de cuentos te permite desarrollar componentes interactivamente. Tiene un documentación elaborada, y tu puedes Empezar con el desarrollo. en el Centro de cuentos.

React-Bootstrap

React-Bootstrap Integra Reacciona con lo popular. Bootstrap 3 frontend framework. Sus desarrolladores básicamente reconstruyeron los componentes de Bootstrap con React.js. Esto resulta en una base de código más limpia con menos repetición, y una mayor rendimiento.

Tenga en cuenta que, dado que el repositorio se encuentra en desarrollo activo, las API cambiarán en el futuro. Para el estado actual de desarrollo, revisar la hoja de ruta del proyecto.

React Desarrollar herramientas para Chrome

React DevTools para Chrome es una extensión de Chrome Developer Tools y te permite inspeccionar jerarquía de componentes. Era creado por facebook con el esfuerzo de ayudar a la comunidad de desarrolladores a crear nuevas aplicaciones React. Usted puede simplemente agregarlo como una extensión de Chrome a su navegador. Puedes navegar por el código fuente de pertenencia en Github también.

React Desarrollar herramientas para Firefox

Este es el Version de firefox de la misma React las herramientas de desarrollo creadas por Facebook. Solo agregalo como un complemento para su navegador Firefox, y comience a inspeccionar el árbol jerárquico de su aplicación React a la vez.

Paquete React.js para Atom

Puedes añadir Reactiva el soporte a tu editor de código Atom con este paquete Atom React. Viene con resaltado de sintaxis, autocompletado, fragmentos de código, conversión de HTML a JSX, y algunas otras características útiles que pueden facilitar enormemente el desarrollo de React.

Fundamentos de React.js - curso en línea gratuito

Hay muchos cursos excelentes y bastante económicos donde puedes aprender reaccionar al desarrollo, sin embargo puedes inscribirte React.js Fundamentals Curso online de forma totalmente gratuita. Esta compuesto de 12 lecciones, comienza con el fundamentos de reaccionar, y tiene un buen plan de estudios que cubre todas las cosas importantes.