Getting Started with Create React App

This project was bootstrapped with Create React App.

Companion repository to https://github.com/JoshuaKGoldberg/typescript-intro-emergentworks! ✨

See https://create-react-app.dev/docs/adding-typescript

Available Scripts

In the project directory, you can run:

`yarn start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`yarn test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

`yarn build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

`yarn eject`

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Welcome to Renovate! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.

🚦 To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.

Detected Package Files

package.json (npm)

Configuration Summary

Based on the default config's presets, Renovate will:

Start dependency updates only once this onboarding PR is merged
Enable Renovate Dependency Dashboard creation.
If Renovate detects semantic commits, it will use semantic commit type fix for dependencies and chore for all others.
Ignore node_modules, bower_components, vendor and various test/tests directories.
Autodetect whether to pin dependencies or maintain ranges.
Rate limit PR creation to a maximum of two per hour.
Limit to maximum 10 open PRs at any time.
Group known monorepo packages together.
Use curated list of recommended non-monorepo package groupings.
A collection of workarounds for known problems with packages.

🔡 Would you like to change the way Renovate is upgrading your dependencies? Simply edit the renovate.json in this branch with your custom config and the list of Pull Requests in the "What to Expect" section below will be updated the next time Renovate runs.

What to Expect

With your current configuration, Renovate will create 9 Pull Requests:

Update dependency react-scripts to v5.0.1

Schedule: ["at any time"]
Branch name: renovate/react-scripts-5.x
Merge into: main
Upgrade react-scripts to 5.0.1

Update dependency @testing-library/react to v13

Schedule: ["at any time"]
Branch name: renovate/testing-library-react-13.x
Merge into: main
Upgrade @testing-library/react to ^13.0.0

Update dependency @testing-library/user-event to v14

Schedule: ["at any time"]
Branch name: renovate/testing-library-user-event-14.x
Merge into: main
Upgrade @testing-library/user-event to ^14.0.0

Update dependency @types/jest to v29

Schedule: ["at any time"]
Branch name: renovate/major-jest-monorepo
Merge into: main
Upgrade @types/jest to ^29.0.0

Update dependency @types/node to v18

Schedule: ["at any time"]
Branch name: renovate/node-18.x
Merge into: main
Upgrade @types/node to ^18.0.0

Update dependency @types/react to v18

Schedule: ["at any time"]
Branch name: renovate/react-18.x
Merge into: main
Upgrade @types/react to ^18.0.0

Update dependency @types/react-dom to v18

Schedule: ["at any time"]
Branch name: renovate/react-dom-18.x
Merge into: main
Upgrade @types/react-dom to ^18.0.0

Update dependency web-vitals to v3

Schedule: ["at any time"]
Branch name: renovate/web-vitals-3.x
Merge into: main
Upgrade web-vitals to ^3.0.0

Update react monorepo to v18 (major)

Schedule: ["at any time"]
Branch name: renovate/major-react-monorepo
Merge into: main
Upgrade react to ^18.0.0
Upgrade react-dom to ^18.0.0

🚸 Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or overwhelm the project. See docs for prhourlylimit for details.

❓ Got questions? Check out Renovate's Docs, particularly the Getting Started section. If you need any further assistance then you can also request help here.

This PR has been generated by Mend Renovate. View repository job log here.

An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Sep 28, 2021

⚡ Pcode lets you create and share beautiful images 🎉 of your source code 🚀

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Jul 14, 2022

An open source application to create, manage and embed contact forms on static/dynamic sites with no code

Formify is an open source application that lets you create, manage and embed contact forms on any site without writing code. This project is done as a

Dec 26, 2022

A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.

Getting Started with react-final-boilerplate Clone the code npm install You are good to go with React Application. Open http://localhost:3000/ and you

Dec 22, 2022

This is a minimal Next.js app where you can create birthday wishes and share the link to anyone :)

Happy Birthday Wisher Check out the Live Website This is a simple Next.js project where you can generate a birthday wish for someone. Just enter their

Very simple app to decode your Vaccination Proof QR Code (such as the one provided by government of Quebec) - Compatible with SHC (Smart Health Card standard)

shc-covid19-decoder Visit simple hosted version on your phone (does NOT transmit any data, all remains in your browser) https://fproulx.github.io/shc-

Sep 23, 2022

Source code for the deprecated expo-google-app-auth package. Deprecated in favor of expo-auth-session.

expo-google-app-auth Source code for the deprecated expo-google-app-auth package. Expo Google App Auth API wrapped the deprecated expo-app-auth packag

Nov 2, 2022

React - Express app with Typescript

Mongo, Express, React, Node, Typescript ##Usage Instructions ###To run the app, Install global dependencies with npm install -g gulp bower react-tools

Apr 14, 2022

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr

Dec 30, 2022

Configure Renovate
Welcome to Renovate! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.

🚦 To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.

Detected Package Files

package.json (npm)

Configuration Summary

Based on the default config's presets, Renovate will:

Start dependency updates only once this onboarding PR is merged

Enable Renovate Dependency Dashboard creation.

If Renovate detects semantic commits, it will use semantic commit type fix for dependencies and chore for all others.

Ignore node_modules, bower_components, vendor and various test/tests directories.

Autodetect whether to pin dependencies or maintain ranges.

Rate limit PR creation to a maximum of two per hour.

Limit to maximum 10 open PRs at any time.

Group known monorepo packages together.

Use curated list of recommended non-monorepo package groupings.

A collection of workarounds for known problems with packages.

🔡 Would you like to change the way Renovate is upgrading your dependencies? Simply edit the renovate.json in this branch with your custom config and the list of Pull Requests in the "What to Expect" section below will be updated the next time Renovate runs.

What to Expect

With your current configuration, Renovate will create 9 Pull Requests:

Update dependency react-scripts to v5.0.1

Schedule: ["at any time"]

Branch name: renovate/react-scripts-5.x

Merge into: main

Upgrade react-scripts to 5.0.1

Update dependency @testing-library/react to v13

Schedule: ["at any time"]

Branch name: renovate/testing-library-react-13.x

Merge into: main

Upgrade @testing-library/react to ^13.0.0

Update dependency @testing-library/user-event to v14

Schedule: ["at any time"]

Branch name: renovate/testing-library-user-event-14.x

Merge into: main

Upgrade @testing-library/user-event to ^14.0.0

Update dependency @types/jest to v29

Schedule: ["at any time"]

Branch name: renovate/major-jest-monorepo

Merge into: main

Upgrade @types/jest to ^29.0.0

Update dependency @types/node to v18

Schedule: ["at any time"]

Branch name: renovate/node-18.x

Merge into: main

Upgrade @types/node to ^18.0.0

Update dependency @types/react to v18

Schedule: ["at any time"]

Branch name: renovate/react-18.x

Merge into: main

Upgrade @types/react to ^18.0.0

Update dependency @types/react-dom to v18

Schedule: ["at any time"]

Branch name: renovate/react-dom-18.x

Merge into: main

Upgrade @types/react-dom to ^18.0.0

Update dependency web-vitals to v3

Schedule: ["at any time"]

Branch name: renovate/web-vitals-3.x

Merge into: main

Upgrade web-vitals to ^3.0.0

Update react monorepo to v18 (major)

Schedule: ["at any time"]

Branch name: renovate/major-react-monorepo

Merge into: main

Upgrade react to ^18.0.0

Upgrade react-dom to ^18.0.0

🚸 Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or overwhelm the project. See docs for prhourlylimit for details.

❓ Got questions? Check out Renovate's Docs, particularly the Getting Started section. If you need any further assistance then you can also request help here.

This PR has been generated by Mend Renovate. View repository job log here.
opened by renovate[bot] 0

Companion React+TypeScript code for my Intro to TypeScript EmergentWorks workshop, bootstrapped with yarn + create-react-app! ✨

Related tags

Overview

Getting Started with Create React App

Available Scripts

`yarn start`

`yarn test`

`yarn build`

`yarn eject`

Learn More

You might also like...

An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

⚡ Pcode lets you create and share beautiful images 🎉 of your source code 🚀

An open source application to create, manage and embed contact forms on static/dynamic sites with no code

A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.

This is a minimal Next.js app where you can create birthday wishes and share the link to anyone :)

Very simple app to decode your Vaccination Proof QR Code (such as the one provided by government of Quebec) - Compatible with SHC (Smart Health Card standard)

Source code for the deprecated expo-google-app-auth package. Deprecated in favor of expo-auth-session.

React - Express app with Typescript

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

Comments

Configure Renovate

Detected Package Files

Configuration Summary

What to Expect

Owner

Josh Goldberg

This project was bootstrapped with Chakra UI & Create React App

A small tool to help you check package duplicates in `yarn.lock`

A hook based project created during 20-Dec week ReactJS workshop

Finished code and notes from EFA bonus class on building a React project without create-react-app

This is made for those who are learning react and are tired of doing create-react-app and having to delete those unused files

Create Sonnat App - Set up a modern web app which is powered by Sonnat.

React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Code for How to Internationalize (i18n) a React App with Transifex

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.