DEV Community

Cover image for React templates - wrap-up
Michael Currin
Michael Currin

Posted on

3 2

React templates - wrap-up

How the templates were created

I ran this command to create the React Node app.

$ npx create-react-app my-app
Enter fullscreen mode Exit fullscreen mode

Then I used that to create the other repos.

Why use the templates

I've customized the apps to be easy for you to use.

  • I'm keeping the functionality minimal so you can see how the app is structured without being overwhelmed.
  • I've added documentation to guide you through using and understanding the projects
  • Each project is hosted as a live demo on GitHub Pages.
  • For CI deploy flows, I've set up GitHub Actions in the case of Node and Deno. So when you commit to GitHub, you can run checks, build your site and publish to GitHub Pages.

How to use the templates

The projects are ready to be used to make a new project - click Use this template button.

Then follow the instructions in the project's docs.

Credits

Cover image:

  • I designed using Google Jamboard.
  • Background image by @ana_insomnia
  • Icons from GitHub topics.

Thanks for reading.

Let me know what you think in the comments.

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay