https://github.com/teambit/bit-react-tutorial
Official React tutorial for Bit.
https://github.com/teambit/bit-react-tutorial
Last synced: about 2 months ago
JSON representation
Official React tutorial for Bit.
- Host: GitHub
- URL: https://github.com/teambit/bit-react-tutorial
- Owner: teambit
- Created: 2019-08-01T10:58:44.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-08-04T09:45:35.000Z (almost 4 years ago)
- Last Synced: 2025-03-25T08:03:27.176Z (2 months ago)
- Language: JavaScript
- Homepage: https://docs.bit.dev/docs/tutorials/bit-react-tutorial
- Size: 1.67 MB
- Stars: 9
- Watchers: 11
- Forks: 17
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# bit-react-tutorial
This repository accompanies the Bit React tutorial.
It gives a hands-on demonstration with example code on how to share, use and update a component between two real-world React applications.
## Try the tutorial
Go through the full step-by-step tutorial here: https://docs.bit.dev/docs/tutorials/bit-react-tutorial
## Overview
Bit lets you share and sync components between different projects and applications.
In this tutorial, we'll share a React component between two projects.
### Prior Knowledge
This tutorial assumes that you are familiar with:
- Terminal and command line.
- Using node and npm or yarn.
- React development and React CRA, including editing React files in your favorite code editor.
- Git
### What Do You Need?
You need to verify that you have:
- Node 8.12+
To run this tutorial, clone and setup the React tutorial project: https://github.com/teambit/bit-react-tutorial
```bash
git clone https://github.com/teambit/bit-react-tutorial
cd bit-react-tutorial
yarn
```
### What Will You Learn?
In this tutorial you will learn how to:
- Setup Bit
- Share a React component from an existing project
- Preview the exported component on the Bit cloud
- Install the component in another project
- Modify the React component on the new project
- Get component updates