Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pascalallen/vanilla-react
The motivation behind this project is to demonstrate foundational frontend skills without extraneous dependencies. This project uses only React, JSX, CSS, and Webpack, focusing on core functionality without relying on any third-party libraries.
https://github.com/pascalallen/vanilla-react
css html jsx react webpack
Last synced: 8 days ago
JSON representation
The motivation behind this project is to demonstrate foundational frontend skills without extraneous dependencies. This project uses only React, JSX, CSS, and Webpack, focusing on core functionality without relying on any third-party libraries.
- Host: GitHub
- URL: https://github.com/pascalallen/vanilla-react
- Owner: pascalallen
- License: mit
- Created: 2024-08-28T16:11:57.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-19T21:48:22.000Z (about 2 months ago)
- Last Synced: 2024-11-10T01:39:17.106Z (8 days ago)
- Topics: css, html, jsx, react, webpack
- Language: JavaScript
- Homepage:
- Size: 236 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vanilla (React) web client 🚀
## Motivation
The motivation behind this project is to demonstrate foundational frontend skills without extraneous dependencies.
This project uses only React, JSX, CSS, and Webpack, focusing on core functionality without relying on any third-party
libraries.
## Features
- Configurable CI/CD pipeline
- Homegrown CSS theming
- Reusable React components
- User registration with persistence
- Authentication
- Custom router w/ routing utilities
- Custom authenticator service
- Custom React hooks
- Bundling with Webpack
## Core Project Tree
```
├── .github/ # GitHub Actions (CI/CD pipeline)
├── public/ # Public web assets
└── src/ # Application
```
## Prerequisites
- [NPM](https://nodejs.org/en/download/package-manager)
## Development Environment Setup
### Clone Repository
```bash
cd && git clone https://github.com/pascalallen/vanilla-react.git
```
### Install JavaScript Dependencies
```bash
npm ci
```
### Compile JavaScript with Webpack
```bash
npm run dev
```
### Start dev server with hot module replacement
```bash
npm run start
```
You will find the site running at [http://localhost:8080/](http://localhost:8080/)
## License
[MIT](LICENSE)