Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remrkabledev/react-basics
An introduction to React.js using a collection of example applications
https://github.com/remrkabledev/react-basics
react react-component react-hooks react-router react-router-dom reactjs
Last synced: about 2 months ago
JSON representation
An introduction to React.js using a collection of example applications
- Host: GitHub
- URL: https://github.com/remrkabledev/react-basics
- Owner: reMRKableDev
- Created: 2020-09-09T06:24:15.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-02-24T15:04:55.000Z (almost 2 years ago)
- Last Synced: 2024-10-11T12:11:43.037Z (3 months ago)
- Topics: react, react-component, react-hooks, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage:
- Size: 1.37 MB
- Stars: 2
- Watchers: 2
- Forks: 27
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Basics
A collection of React.js concepts
This application is built with [React.js](https://reactjs.org/)
## Getting Started 🏁
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
### Prerequisites
What things you need to install the software and how to install them
```
NPM / Yarn
Code Editor (This app was built on VSCode)
Git
```
### Installing
To get this project on your local machine, you first need to clone it using the `git clone` command.
```
git clone https://github.com/reMRKableDev/react-basics.git
```
Running this on your terminal will ensure you receive the latest version with all it's changes.
Once you've cloned, navigate into the project folder and run
```
npm install
```
This should retrieve all the necessary dependencies named in the `package.json` file.
## Running the tests 🧪
This app utilizes Jest & Enzyme for testing the components. Tests can be run by using the command:
```
npm test
OR
npm run test
```
To run tests with coverage, use the command:
```
npm run coverage
```
## Contributing 👋
When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.
Please note that there is a code of conduct, please follow it in all your interactions with the project.
1. Ensure any install or build dependencies are removed before the end of the layer when doing a build.
2. Update the README.md with details of changes to the interface, this includes new environment variables, exposed ports, useful file locations and container parameters.
## Authors 💻
- **Malcolm R. Kente** - _Initial work_ - [reMRKable Dev](https://remrkabledev.com/)
- **Lloyd Chambrier** - _Maintenance work_ - [Lloyd Chambrier](https://lloydc.github.io/)
## Acknowledgments 🗣️
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).