react-bolt

授权协议 Readme
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 潘意
操作系统 跨平台
开源组织
适用人群 未知
 软件概览


React Bolt

React Bolt

The best boilerplate for your React projects.


Introduction

This boilerplate contains all you need to start your next React.js project. Simple, robust, well-organized, all you need to do is clone, install and you're ready to start.

I wrote a article for anyone who wants to learn how to build this boilerplate, if you want to learn just click here.

Check out the lite version here

Features

This boilerplate features all the latest tools and practices in the industry.

  • React — 16.12.0 with Hooks
  • Redux with Redux Thunk — State Management with middleware to handle async requests
  • �� Babel — ES6 syntax, Airbnb & React/Recommended config
  • �� Webpack — Hot Reloading, Code Splitting, Optimized Build
  • �� CSS — Styled Components, CSS, Sass
  • Tests — Jest, React Testing Library & Cypress
  • �� Lint — ESlint
  • �� Husky — Prevent bad commits

Getting started

  1. Clone this repo using https://github.com/leonardomso/react-bolt.git
  2. Move to the appropriate directory: cd react-bolt.
  3. Run yarn or npm install to install dependencies.
  4. Run npm start to see the example app at http://localhost:8080.

Commands

  • npm start - start the dev server
  • npm run build - create a production ready build in dist folder
  • npm run lint - execute an eslint check
  • npm run lint:fix - execute an eslint and fix the errors
  • npm test - run all tests
  • npm run test:watch - run all tests in watch mode
  • npm run test:cover - coverage mode
  • npm run cypress:open - starts cypress

Next features:

  • Hot Module Replacement: Better HMR support;
  • CSS/Sass support: Enable CSS/Sass support;
  • PWA: Turn into a PWA boilerplate;
  • SEO: SEO-ready;

License

MIT license, Copyright (c) 2018 Leonardo Maldonado.

 相关资料
  • 问题内容: 我注意到可以这样导入: …或像这样: 第一个导入模块中的所有内容(请参阅:导入整个模块的内容) 第二个仅导入模块导出(请参阅:导入默认值) 似乎这两种方法是不同的,并且根本上是不兼容的。 为什么它们都起作用? 请参考源代码并解释该机制…我有兴趣了解其工作原理。 ES6常规模块信息回答了该问题。 我在问使模块像这样工作的机制。在这里,它似乎与源代码中的 “ hacky”导出机制有关,但尚

  • 这篇快速上手指南会教你如何将TypeScript与React结合起来使用。 在最后,你将学到: 使用TypeScript和React创建工程 使用TSLint进行代码检查 使用Jest和Enzyme进行测试,以及 使用Redux管理状态 我们会使用create-react-app工具快速搭建工程环境。 这里假设你已经在使用Node.js和npm。 并且已经了解了React的基础知识。 我们之所以使

  • 我已经改用react Native制作跨平台应用程序(虽然没有制作)。我只是想要一个答案,我的问题,反应和反应之间的区别。我在网上搜索了一下,但没有找到合适的答案。

  • 问题内容: 与 哪个更好,为什么? 还是除了以后编写更少的代码外没有其他区别? 写作是否意味着只导入Component对象? 问题答案: 让您代替。它减少了React名称空间的键入和重复,这通常是一种理想的现代编码约定。 此外,Webpack 2和Rollup之类的工具会“摇晃”,这意味着任何未使用的导出都不会捆绑到您的最终代码中。使用/,您可以保证所有React的源代码都将被捆绑。使用,某些工具

  • 本文向大家介绍react-native 启动React Native Packager,包括了react-native 启动React Native Packager的使用技巧和注意事项,需要的朋友参考一下 示例 在最新版本的React Native上,无需运行打包程序。它将自动运行。 默认情况下,这将在端口8081上启动服务器。要指定服务器所在的端口            

  • 我正在使用“React admin”创建一个管理界面(前端)。我正在使用spring boot作为我的REST API。我的React应用程序的url是:“http://localhost:3000”。我的spring boot API的url是:“http://localhost:8080”。 下面是CORS配置的spring boot代码,它在一个单独的类中,称为CORSCONFIG: 下面是