My/Recommond-a…

The introduction

In the era of jQuery, jQuery+ back-end templates +Bootstrap/Semantic can easily complete front-end and back-end development. In the React/Angular/Vue era, the front and back end ecosystems are moving away from each other, and the “full stack” crowd is moving from the front end to the server side via Nodejs. Front-end frameworks and tools are changing so fast that the professional front end, let alone the amateur back end, is still too young to learn. Positioned as a server development, so has been reluctant to write front-end pages.

But in many cases, one person is required to do front-end development, and writing HTML/JavaScript/CSS is imperative. Having a good front-end template/library/framework can save a lot of life on the back end. For developers familiar with React, marmelab’s React-admin is recommended for background development requirements.

react-admin

When you search “react admin” on GitHub, the second most popular star is react-admin, with 5k stars. Reactjs-adminlte is the first one I’ve used myself. It differs from React Admin in that the former is a front-end template and the latter is a front-end development framework. Highlight: front-end development framework. According to the actual use, this is true.

React -admin is a development framework based on react and Material Design. The official website is marmelab.com/react-admin, Github project address is github.com/marmelab/re… , demo address: marmelab.com/react-admin… . It was originally admini-on-Rest, renamed react-admin after version 2.x.

As a development framework, React-Admin focuses not on slick, beautiful page examples, but on a whole suite of solutions for backend development. Key features include:

  1. Authentication and Authorization: checks user identities and permissionsauthProviderProvide;
  2. Back-end communication, supportedREST/SOAPAnd so on, by thedataProviderProvide;
  3. Data update and delete rollback (with limitations);
  4. Support sorting, paging, searchDatagridView;
  5. Front-end data verification;
  6. Internationalization supported byi18nProviderProvide;
  7. Theme support.

React-admin is fully documented with the “15 Minutes “tutorial at marmelab.com/react-admin… , can be quickly developed with login, CRUD data table management background, very practical. Digging into all aspects of the framework requires continued reading of the project documentation. The document is complete and detailed, and there are sample codes. If you are familiar with React development, you can understand all aspects of the framework within a day or two, and develop various functions in the background with ease.

conclusion

As a React based management background SPA development framework, React – Admin covers almost all aspects of front-end development, with powerful and practical functions. The interface style is based on Material Design, and the interface developed in the document is relatively simple. If you need a nice interface (charts, forms, lists, etc.), refer to other front-end templates, such as AdminLTE.