综合技术

Stunning React Boilerplates and Starter Kits for 2019

微信扫一扫,分享到朋友圈

Stunning React Boilerplates and Starter Kits for 2019
0

As React progresses and helps us build and compose the UI of our applications, more React applications are created every day.

In the past few years, the community has indeed created multiple projects to help you save time and kick-start these apps.

But it’s not always as simple as it seems to choose the right Boiler plate. It can not only affect the initial setup, but also your application’s ability to scale in your environment.

We’ve collected some of the best open source boilerplate to help you get the information and make a solid choice. We would also advise you to use tools such as Bit to organize your reusable components and to make them faster by composing them together in your different app.

1. Create React App

This incredible project is FB’s official start-kit for React, which lets you set up a modern web application by running one command with no build configurations (you don’t need to install and configure Webpack or Babel!).
V.2
 was recently released

with full support for Babel 7, Webpack 4, new styling options, and more integrations into our favorite workflows.

The philosophy of the project is based on a few precepts, such as having only one build dependency: It uses Webpack, Babel, ESLint and more, but offers a cohesive experience while no configuration is required. At the end of the day, this is the quickest and most efficient way to get the job done for most use cases, especially for web-based applications.

facebook/create-react-app

Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an…
github.com

2. React Boilerplate

Max Stoiber ‘s start library is a highly scalable, offline- first React setup with a heavy focus on developer experience and application performance. Its DX orientation features such as allowing your saved CSS and JS changes to be reflected without refreshing the page.

Even if you update something in the underlying code, maintain the application status. The creation of components, containers, routes, selectors, and sagas- and their tests- is even automated from the CLI. And there’s something else.

Although it is not as fast as creating- react- app, it is a developer- friendly and effective alternative for those who favor their dev workflow and performance.

react-boilerplate/react-boilerplate

fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and…
github.com

3. React Slingshot

Cory House’s neat 9 K stars project, which provides Babel with a React + Redux starting kit / boilerplate, hot reloading, testing, linting, and a built-in example app. Slingshot offers a great experience in the development of React, Redux, Babel, Webpack, Jest, Sass and more. When saving, it provides hot reloading (and testing), which is very helpful, so try it.

coryhouse/react-slingshot

React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in…
github.com

4. Razzle

This project definitely helps you create universal JavaScript applications rendered by the server with very little configuration. Razzle summarizes the complex configuration required for SSR into a single dependency, giving you the creation-react-app experience, but then leaving the rest of the architectural decisions of your app to you.

jaredpalmer/razzle

Create server-rendered universal JavaScript applications with no configuration — jaredpalmer/razzle
github.com

5. React PWA

An upgradable boilerplate for Progressive web applications (PWA) with server-side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

Using ReactPWA you can create Progressive web application with simple knowledge of React.JS. As we all know, Progressive Apps are not supported everywhere, but we have added support for Safari & Chrome so your application can work as standalone applications when added to the home screen or saved as a desktop app.

Atyantik/react-pwa

An upgradable boilerplate for Progressive web applications (PWA) with server-side rendering, build with SEO in mind and…
github.com


free background photos from pngtree.com

阅读原文...

微信扫一扫,分享到朋友圈

Stunning React Boilerplates and Starter Kits for 2019
0
Brian Yang

三家GTX 1660 Ti齐曝光:ITX迷你单风扇

上一篇

Animations to Take Your Basic HTML Template to the Next Level

下一篇

评论已经被关闭。

插入图片

热门分类

往期推荐

Stunning React Boilerplates and Starter Kits for 2019

长按储存图像,分享给朋友