https://github.com/danwahlin/react-core-concepts

Provides a simple demo application covering React core concepts.
https://github.com/danwahlin/react-core-concepts

Last synced: 28 days ago
JSON representation

Provides a simple demo application covering React core concepts.

• Host: GitHub
• URL: https://github.com/danwahlin/react-core-concepts
• Owner: DanWahlin
• Created: 2018-02-17T03:19:42.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2023-07-31T16:45:46.000Z (over 1 year ago)
• Last Synced: 2024-10-04T18:46:17.241Z (about 2 months ago)
• Language: JavaScript
• Size: 5.29 MB
• Stars: 7
• Watchers: 3
• Forks: 10
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Core Concepts

This project demonstrates core concepts of React development. The Angular version of the application can be found at https://github.com/danwahlin/angular-core-concepts.

The project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app). You can find additional information on how to perform common tasks [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).

Special thanks to [Damon Bauer](https://github.com/damonbauer) for the initial conversion of my Angular project to React!

## Running the Project

1. Install Node.js (https://nodejs.org)

1. Install Yarn

    Mac:      https://yarnpkg.com/en/docs/install#mac-tab

    Windows:  https://yarnpkg.com/en/docs/install#windows-tab

1. Install the application dependencies:

    `yarn`

1. Run the application:

    `npm start`

    

## Running the Project with Docker

1. Install the app dependencies (see above) and Docker Community Edition (if you're on Windows 7/8 you'll install Docker Toolbox) - https://docker.com

1. Run `npm run build`

1. Run `docker run -d -p 8080:80 -v $(pwd)/build:/usr/share/nginx/html nginx:alpine`

1. Visit `http://localhost:8080` in your browser

## Building Custom React/Docker Images

1. Examples of development and production Dockerfiles are available at the root of the project.