React-webpack-template

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

React-webpack-template

★ 9 Open GitHub ↗

React Webpack Template — React, Typescript, Webpack, Redux, Axios, etc for FrontEnd development

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Webpack Template

The web's most popular front-end template for building web applications with
[React](https://reactjs.org/), [WebPack](https://webpack.js.org/).

## Features

- Optimized for serverless deployment to CDN edge locations (Cloudflare Workers)
- HTML page rendering (SSR) at CDN edge locations, all ~100 points on Lighthouse
- Hot module replacement during local development using React Refetch
- Pre-configured with CSS-in-JS styling using Emotion.js
- Pre-configured with code quality tools: ESLint, Prettier, TypeScript, etc.
- Pre-configured with VSCode code snippets and other VSCode settings
- The ongoing design and development is supported by these wonderful companies:

This project was bootstrapped with [React webpack template](github.com/gabrielopeyemi/react-Webpack-Template).
Be sure to join our [Discord channel](https://discord.gg/UtWK48RD) for assistance.

## Directory Structure

`├──`[`.github`](.github) — GitHub configuration including CI/CD workflows 
`├──`[`reducer`](.reducer) — redux reducer 
`├──`[`.src`](.src) — code base source 
`│ ├──`[`components`](./src/components) — React components 
`│ ├──`[`pages`](.src/pages) — React pages 
`│ ├──`[`index.tx`](.src/index.tsx) — application entry point 
`├──`[`.webpack`](.webpack) — webpack configurations

## Tech Stack

- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/), [Babel](https://babeljs.io/),
  [ESLint](https://eslint.org/), [Prettier](https://prettier.io/),
  [Jest](https://jestjs.io/), [Yarn](https://yarnpkg.com/) v2 with PnP,
  [Webpack v5](https://webpack.js.org/)

## Requirements

- [Node.js](https://nodejs.org/) v14 or newer, [Yarn](https://yarnpkg.com/) package manager
- [VS Code](https://code.visualstudio.com/) editor with [recommended extensions](.vscode/extensions.json)

## Getting Started

- Clone the repo 
 `git clone git@github.com:gabrielopeyemi/React-webpack-template.git`
- Install project dependencies — `yarn install`
- Launch the app — `yarn start`, it will become available at [http://localhost:3000](http://localhost:3000/)

## Scripts

- `yarn start` — Launches the app in development mode on [`http://localhost:3000`](http://localhost:3000/)
- `yarn build` — Compiles and bundles the app for deployment

## How to Contribute

Anyone and everyone is welcome to [contribute](.github/CONTRIBUTING.md). Start
by checking out the list of [open issues](https://github.com/gabrielopeyemi/React-webpack-template/issues).
However, if you decide to get involved, please take a moment to review the
[guidelines](.github/CONTRIBUTING.md).

## License

---

Made with ♥ by [Opeyemi Famosipe](https://gabrielopeyem.com) ([@GabrielOpeyemi_](https://twitter.com/gabrielopeyemi_), 
and [contributors](https://github.com/gabrielopeyemi/React-webpack-template/graphs/contributors).

React-webpack-template

Today's picks

Was this content helpful?

Recent Feedback

React-webpack-template

Today's picks

Was this content helpful?

Recent Feedback

Download README