https://github.com/swap76/reactjsbasics

This is a comprehensive guide for ReactJS beginners.
https://github.com/swap76/reactjsbasics

beginner docsify documentation reactjs

Last synced: 7 months ago
JSON representation

This is a comprehensive guide for ReactJS beginners.

• Host: GitHub
• URL: https://github.com/swap76/reactjsbasics
• Owner: Swap76
• License: agpl-3.0
• Created: 2019-06-12T06:33:32.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T12:09:08.000Z (about 3 years ago)
• Last Synced: 2025-06-22T11:08:30.597Z (8 months ago)
• Topics: beginner, docsify, documentation, reactjs
• Language: JavaScript
• Size: 1.02 MB
• Stars: 11
• Watchers: 1
• Forks: 12
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# This repo aims to help newbies in ReactJS



---

![Last Commit](https://img.shields.io/github/last-commit/Swap76/ReactJSBasics?style=for-the-badge)

![Repository Size](https://img.shields.io/github/repo-size/Swap76/ReactJSBasics?color=blue&label=Repository%20Size&style=for-the-badge)

![Stars](https://img.shields.io/github/stars/Swap76/ReactJSBasics?style=for-the-badge)

![Forks](https://img.shields.io/github/forks/Swap76/ReactJSBasics?style=for-the-badge)

![Issues](https://img.shields.io/github/issues/Swap76/ReactJSBasics?style=for-the-badge)

![Pull Requests](https://img.shields.io/github/issues-pr/Swap76/ReactJSBasics?style=for-the-badge)

---

## Run this repo on your local server with docsify

To run this project with docsify, install the docsify cli:

```

npm i docsify-cli -g

```

Once the docsify cli is installed, run the following command:

```

docsify serve docs

```

Open http://localhost:3000 to view it in the browser.

## This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

```

npx create-react-app my-app

cd my-app

npm start

```

It will create a directory called my-app inside the current folder.

Inside that directory, it will generate the initial project structure and install the transitive dependencies:

```

my-app

├── README.md

├── node_modules

├── package.json

├── .gitignore

├── public

│   ├── favicon.ico

│   ├── index.html

│   └── manifest.json

└── src

    ├── App.css

    ├── App.js

    ├── App.test.js

    ├── index.css

    ├── index.js

    ├── logo.svg

    └── serviceWorker.js

```

No configuration or complicated folder structures, just the files you need to build your app.

Once the installation is done, you can open your project folder:

```

cd my-app

```

Inside the newly created project, you can run some built-in commands:

```

npm start

```

Runs the app in development mode.

Open http://localhost:3000 to view it in the browser.