https://github.com/zrwusa/react-bunny

React, Typescript, Redux, SASS, JWT Auth, Webpack 5, Autoprefixer, Eslint Boilerplate
https://github.com/zrwusa/react-bunny

autoprefixer jwt-auth mock-server react redux sass typescript webpack5

Last synced: 3 months ago
JSON representation

React, Typescript, Redux, SASS, JWT Auth, Webpack 5, Autoprefixer, Eslint Boilerplate

• Host: GitHub
• URL: https://github.com/zrwusa/react-bunny
• Owner: zrwusa
• Created: 2020-12-12T01:23:21.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-08-09T02:51:39.000Z (almost 3 years ago)
• Last Synced: 2025-05-06T12:38:03.907Z (about 1 year ago)
• Topics: autoprefixer, jwt-auth, mock-server, react, redux, sass, typescript, webpack5
• Language: TypeScript
• Homepage: https://react-bunny.vercel.app
• Size: 24.9 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
React-Bunny


React,Typescript,Webpack 5,Redux,SASS,Mock server,JWT Auth,Autoprefixer,Eslint,Stylelint.

I know you don't want a complicated project, what you want is a collection of samples based on cutting-edge

technology.Your happy use is my goal！

NameDesc

Grid responsive layout  

Flexbox responsive layout  

Class component  

Function component  

CSS BEM  

Media queries SASS variables  



[![license](https://img.shields.io/badge/license-MIT-blue.svg)]()

[![CircleCI](https://img.shields.io/circleci/project/github/mui-org/material-ui/next.svg)](https://app.circleci.com/pipelines/github/zrwusa/react-bunny)

[![Coverage Status](https://img.shields.io/codecov/c/github/mui-org/material-ui/next.svg)](https://codecov.io/gh/zrwusa/react-bunny)

[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=mui-org/material-ui)](https://dependabot.com)

[![Crowdin](https://badges.crowdin.net/material-ui-docs/localized.svg)](https://crowdin.com/project/react-bunny)



## Installation

For development

```sh

// with npm

npm install

npm start

// with yarn

yarn

yarn start

```

For http-server RESTFul mock server with JWT auth

```sh

// with npm

npm mock

// with yarn

yarn mock

```

For simulating a web server serving path '/public' as a web at local.

```sh

// with npm

npm web

// with yarn

yarn web

```

You can test you app as a real production env,and use a performance tool E.g. Lighthouse to test the performance.

![](https://raw.githubusercontent.com/zrwusa/assets/master/images/Screen%20Shot%202020-12-13%20at%2014.26.36.png)

![](https://raw.githubusercontent.com/zrwusa/assets/master/images/Screen%20Shot%202020-12-13%20at%2014.27.37.png)

For CLI

```sh

// with npm

npm install -g react-bunny-cli

react-bunny-cli init product-name

// with yarn

yarn global add react-bunny-cli

react-bunny-cli init product-name

```

[CLI repository](https://github.com/zrwusa/react-bunny-cli)

[Check online deployed](https://react-bunny.vercel.app/)

Yes, it's really all you need to get started as you can see in this live and interactive demo:

[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/zrwusa/react-bunny/tree/main)