Since Facebook released the library in 2013, React. Js has been rapidly gaining acceptance among developers. It’s now the fifth most popular open source project on GitHub, and more and more businesses are looking for react.js developers.

React has a simpler architecture and a focus on performance optimization, which makes it an alternative to MVC frameworks such as Angular and Backbone. React is sure to continue to play an important role in the coming years. In this article, we’ve rounded up some developer tools to make it easier for you to use React.

FacebookThe officialReact.jsThe document

Facebook provides detailed documentation for developers. In addition to the documentation, there is a trust guide and an online forum for React developers. And the document is an open source project, so you can even edit it.

 

React.js Github repo

In this repo, you can view the React source code. If you want to keep track of its latest status, you can also view issues, milestones, and the latest pull Request. You can also check out its Trouble Shooting Guide when you run into problems.

 

Hello World starter code

If you want to try React quickly, you can use the “Hello World” interactive demo on Codepen.

React Starter Kit

React Starter Kit is a web application template that uses Node.js, Express, GraphQL, React and Webpack, Babel, Browsersync and other Web development tools. And it offers the same full stack as Facebook.

 

ReactCSS

ReactCSS lets you add inline CSS styles to JavaScript. ReactCSS supports React, Redux, React Nativeautoprefixing, Hover, pseudo-element, and media requests. You can use NPM for a quick installation.

 

React JSFiddle integration (with and without JSX)

React is a great tool to practice on the React line. It’s hosted on JSFiddle and comes in two versions: one with JSX and one without JSX, which you can choose from as you like.

 

React style guide generator

Use this simple React style guide generator to quickly generate style guides for your React projects. You just need to add some documentation to the file and the generator will do the rest automatically.

 

Belle configurable React components

Belle is a React component library that provides you with many React components, such as buttons, cards, and more. These components support desktop and mobile devices and support personalization.

In addition to Belle, you can find other React component libraries, such as React Widgets or Elemental.

 

React Storybook UI Development Environment

If you don’t want to use a component library made by someone else, you can make one yourself. You can try React StoryBook, the React component’s UI development environment. You can use it to make your own interactive components.

 

React-Bootstrap

React-Bootstrap integrates React with the popular Bootstrap 3 front-end framework. The developers of the tool used React. Js to rebuild the Bootstrap components. This has the benefit of reducing code duplication and improving Diamante performance.

It is important to note, however, that the REPO is still under development, so there will be API changes in the future.

 

React Developer Tools for Chrome

React DevTools for Chrome is a Chrome development tool developed by Facebook. You can use it to view component architecture. You just need to add this extension to your Chrome browser to use it. You can also check out the source code on Github.

 

React Developer Tools for Firefox

React Developer Tools for Firefox.

 

React.js Package for Atom

With this tool, you can make the Atom code editor support React as well. It includes code highlighting, auto-completion, code snippet, HTML to JSX conversion, and more.

 

React.js Fundamentals –free online course

React.js Fundamentals is one of the many classes available online, and it’s completely free. It has 12 lessons that help you learn the basics and key concepts of React.

 



The original article:
React.js: 14 Tools & Resources for Web Developers


Translation: the SDK. Cn


Author: Lu Xingyun


Disclaimer:

  1. Sdk.cn follows industry norms, all reprinted articles are authorized with the consent of the author and clearly marked with the source and link.
  2. We very respect the original author’s efforts, this site prohibits second reprint if need reprint please contact the original author.
  3. The original article reprinted by SDK.cn shall indicate the author, link and “source: sdK.cn” and keep the integrity of the article and title shall not be modified without the consent of the author.
  4. Authors’ contributions may be modified or supplemented as appropriate by sdK.cn.