React typescript project starter.
After creation, your project should look like this:
my-app/
.env
.circleci/
.circle.yml
.vscode/
launch.json
README.md
node_modules/
package.json
public/
index.html
favicon.ico
manifest.json
scripts/
deploy.js
src/
App/
App.css
App.test.jsx
App.tsx
logo.svg
index.css
index.tsx
setupTest.ts
sw.ts
For the project to build, these files must exist with exact filenames:
public/index.html
is the page template;src/index.tsx
is the TypeScript entry point.
You can delete or rename the other files.
You may create subdirectories inside src
. For faster rebuilds, only files inside src
are processed by Webpack.
You need to put any TS and CSS files inside src
, otherwise Webpack won’t see them.
Only files inside public
can be used from public/index.html
.
Read instructions below for using assets from JavaScript and HTML.
You can, however, create more top-level directories.
They will not be included in the production build so you can use them for things like documentation.
In the project directory, you can run:
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.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
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.
Check typescript linting.
Build analyze.
By default, the generated project uses the latest version of React.
You can refer to the React documentation for more information about supported browsers.
MIT © Joydip Roy