This repo provides a simple example of how vscode.dev can enable a interactive learning plaform for React and Typescript using VS Code Profiles to setup your development environment.
- Fork this repo
- Open your fork in vscode.dev
- Import the VS Code Profile provided
- After a few seconds, the editor will be automatically load with required extensions and environment configured to start your React TypeScript project
- Follow the lesson instructions below
- Commit changes to the main branch of your forked repository
This project is intended for you to build a React Typescript project with your partner.
The provided VS Code profile will install the required extensions:
- CodeSwing - for editing main React app file (
App.jsx
) with preview window - Live Share - for you and your partner to work on project together
- Draw.io - to be used to complete wireframe and flow of React components
- vscode.dev - Visual Studio Code for the Web ๐
- VS Code Profiles - Using profiles to setup development environments in VS Code ๐ช
- Draw.io - Create drawings and diagrams within VS Code and vscode.dev ๐งโ๐จ