Light

thelinuxlich / react-modern-starter Goto Github PK

View Code? Open in Web Editor NEW

49.0 2.0 7.0 1.5 MB

A starter app for your needs in 2021

License: MIT License

HTML 1.54% JavaScript 98.27% CSS 0.18%

react-modern-starter's Introduction

React Modern Starter

React for rendering
React Router for routing
react-seo for SEO
MDX for easy markdown files powered by React Components
Valtio for state management
WindyCSS for easy bundling TailwindCSS into the stack(typography and forms plugin builtin)
Vite for bundling
uvu for testing
linkedom for speedy simulation of the browser environment in uvu tests
C8 for code coverage
Prettier-Standard for formatting and linting
lint-staged with precommit task for linting
Commitizen intercepting your commits to help you add nice formatted messages
Renovate for automated dependency updates
git-notify for communicating important updates during git pull to your team
git-standup to recall what you did yesterday
semantic-release to automatically release new versions of your project(remember to set NPM_TOKEN in your repository)
Github Actions CI preconfigured for running lint + tests
SSR/SSG builtin
Rudimentary autorouting based on directory convention(similar to Next.js)
Optional configuration for Netlify deployment

Setup

Clone to local
cd react-modern-starter
yarn

Tasks

yarn standup (receive a pretty list of things you did on your last working day)
yarn dev (standard dev server)
yarn format (format and lint the codebase following prettier-standard rules)
yarn build (bundle client and server(SSR) for production)
yarn build:client (bundle client for production)
yarn build:server (bundle server(SSR) for production)
yarn generate (bundle static SSR/SSG)
yarn serve (preview the production bundle(SSR))
yarn test (run the test suite and generate code coverage)

react-modern-starter's People

Contributors

Stargazers

Watchers

Forkers

tyrauber irhanpr mnedzka did82 bmnds balathecode wooodhead

react-modern-starter's Issues

Is there anything we can do to help SEO?

I'm totally noob in this field.

Add eslint-plugin-valtio to check misuse of proxies/snapshots

https://github.com/pmndrs/eslint-plugin-valtio

Maybe replace JSX with htm?

So we drop the babel dependency?

Investigate Vite.js glob import feature for file-based routing

Like a lightweight Next.js perhaps? https://vitejs.dev/guide/features.html#glob-import

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

chore(deps): update dependency husky to v7.0.4

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions

.github/workflows/node.js.yml

actions/checkout v2

actions/setup-node v2

.github/workflows/release.yml

actions/checkout v2

actions/setup-node v2

npm

package.json

@americanexpress/react-seo 1.4.2

express 4.17.1

global 4.4.0

react 17.0.2

react-dom 17.0.2

react-router-dom 5.3.0

valtio 1.2.4

@babel/plugin-syntax-jsx 7.14.5

@mdx-js/mdx 2.0.0-next.9

@mdx-js/react 2.0.0-next.9

@semantic-release/changelog 6.0.0

@vitejs/plugin-react-refresh 1.3.6

@semantic-release/git 10.0.0

c8 7.9.0

compression 1.7.4

cross-env 7.0.3

cz-conventional-changelog 3.3.0

esbuild 0.13.3

esbuild-register 3.0.0

eslint 7.32.0

eslint-plugin-valtio 0.4.1

esm 3.2.25

git-notify 0.2.3

git-standup 2.3.2

husky 7.0.2

linkedom 0.12.1

lint-staged 11.1.2

prettier 2.4.1

prettier-standard 16.4.1

serve-static 1.14.1

uvu 0.5.1

vite 2.6.2

vite-plugin-babel-macros 1.0.5

vite-plugin-mdx 3.5.6

vite-plugin-ssr 0.3.3

vite-plugin-windicss 1.4.8

Check this box to trigger a request for Renovate to run again on this repository

Netlify template for zero-configuration deployments

Replace the Express.js simple server with Fastify

Express is basically "maintenance mode" since September, Fastify is the new king.

Use vite-plugin-ssr

We briefly talked about it at the vite-plugin-mdx repo; AFAICT vite-plugin-ssr would actually fit your project well.

Thoughts?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.