meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
ixc2024:tech:wfrontend:environment:start [2024/05/21 15:14] – rubenhuygensixc2024:tech:wfrontend:environment:start [2024/05/27 21:25] (current) – rubenhuygens
Line 30: Line 30:
    - For more comprehensive information on using Git, refer to the [[https://git-scm.com/doc|Git Documentation]]    - For more comprehensive information on using Git, refer to the [[https://git-scm.com/doc|Git Documentation]]
  
-4. **Create React App** +4. **Material-UI**\\
-   - **Setting up a new React project**: Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration. +
-       - The `npx create-react-app` command sets up a new React project in a directory named `my-hackathon-app`;  +
-       - The `cd my-hackathon-app` command navigates into your project directory; +
-       - The `npm start`command starts the development server, making your application available at `http://localhost:3000`. +
- +
-     npx create-react-app my-hackathon-app +
-     cd my-hackathon-app +
-     npm start +
- +
-   - For more information on getting started with Create React App, refer to the [[https://create-react-app.dev/docs/getting-started/|Create React App Documentation]] +
- +
-5. **Material-UI**\\+
 **Install Material-UI**: Material-UI is a popular React UI framework that implements Google's Material Design. It provides pre-built components that can help you build beautiful, responsive user interfaces quickly. **Install Material-UI**: Material-UI is a popular React UI framework that implements Google's Material Design. It provides pre-built components that can help you build beautiful, responsive user interfaces quickly.
    - This command installs the core Material-UI library, along with Emotion, which is a library for writing CSS styles with JavaScript, and Material-UI Icons for using Material Design icons in your project.    - This command installs the core Material-UI library, along with Emotion, which is a library for writing CSS styles with JavaScript, and Material-UI Icons for using Material Design icons in your project.