https://github.com/tomtkg/react-tutorial
React-Tutorial: Tic-Tac-Toe / 三目並べ
https://github.com/tomtkg/react-tutorial
react tic-tac-toe tutorial typescript typescript-react
Last synced: 5 days ago
JSON representation
React-Tutorial: Tic-Tac-Toe / 三目並べ
- Host: GitHub
- URL: https://github.com/tomtkg/react-tutorial
- Owner: tomtkg
- Created: 2023-06-20T14:52:49.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-13T10:08:29.000Z (over 2 years ago)
- Last Synced: 2025-08-09T12:49:54.937Z (9 months ago)
- Topics: react, tic-tac-toe, tutorial, typescript, typescript-react
- Language: TypeScript
- Homepage: https://tomtkg.github.io/React-Tutorial/
- Size: 538 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Tutorial: Tic-Tac-Toe / 三目並べ
[](https://github.com/tomtkg/React-Tutorial/actions/workflows/ci.yml)
Repository: [https://github.com/tomtkg/React-Tutorial](https://github.com/tomtkg/React-Tutorial)
URL: [https://tomtkg.github.io/React-Tutorial](https://tomtkg.github.io/React-Tutorial)
This is a self-study repository of the following site.
* [https://react.dev/learn/tutorial-tic-tac-toe](https://react.dev/learn/tutorial-tic-tac-toe)
* [https://ja.react.dev/learn/tutorial-tic-tac-toe](https://ja.react.dev/learn/tutorial-tic-tac-toe)
The sidebar and screen are rendered using [react-router-dom](https://www.npmjs.com/package/react-router-dom).
The top page displays README.md using [react-markdown](https://www.npmjs.com/package/react-markdown).
## Installation & Startup
Install Node.js from [here](https://nodejs.org/en).
```bash
npm install -g npx
npx create-react-app react-tutorial --template typescript
npm install react-router-dom react-markdown
cd react-tutorial
npm start
```
## Build & Deploy
Use GitHub Actions like [this](https://github.com/tomtkg/React-Tutorial/actions).
* Build: [actions/upload-pages-artifact](https://github.com/actions/upload-pages-artifact)
* Deploy: [actions/deploy-pages](https://github.com/actions/deploy-pages)
Check [.github/workflows/ci.yml](https://github.com/tomtkg/React-Tutorial/blob/main/.github/workflows/ci.yml) for details.