DEV Community

Cover image for React templates - intro
Michael Currin
Michael Currin

Posted on

React templates - intro

Hello fellow web developer.

I created this post series for those interested in React who want to use a template or who want to compare different ways of building a Helloworld app without getting lost in the large repos and tutorials out there.

I'm about to share my React template projects with you. I hope you will learn more about the technologies use by looking at the code and sites. And maybe you can use of these starter templates to make your next project, even if just to experiment.

Here are the 3 approaches I used:

  • Node
    • The traditional approach, using Node and a build step to make a web app.
  • Frontend
    • Plain frontned. Only HTML, CSS, and JS only - no Node or CI build step here!
  • Deno
    • An alternative to Node, with built-in support for TypeScript, JSX, and more.

In each post of this series, you'll find details on a template listed above. I include a link to the corresponding GitHub repo of mine. There, you can view the source code and find a link to the live website hosted on GitHub Pages.

I hope you find these useful. Let me know in the comments on points to clarify or ways to improve a template.

Top comments (6)

Collapse
 
sohamsshah profile image
Soham Shah

Can you help me in HOW TO DEVELOP such templates? Please connect with me, I want to learn this!

Collapse
 
michaelcurrin profile image
Michael Currin

Can you be more specific with what you want to do?

Collapse
 
sohamsshah profile image
Soham Shah

I basically want to learn how to develop React templates, so that people can use them in their projects.

Thread Thread
 
michaelcurrin profile image
Michael Currin • Edited

Well pick one of my projects that you like based on your interest in Node or Deno or frontend only. And fork it.

Then update the core of the app. Maybe you add a Todo list or add a router or add state management or a photo gallery or whatever. And then commit it and then rename your repo. e.g. react-gallery-template or react-todo-template. You will also have to find and replace the old name in the repo with your new name.

You can also try using CodePen so you don't even need a repo. You can make your JS, CSS and HTML with a live demo in the preview pane. And you can share that "pen". You should search for React on that to see what others have made.

Thread Thread
 
michaelcurrin profile image
Michael Currin

And then blog about what you made. ;)

Thread Thread
 
sohamsshah profile image
Soham Shah

Thanks man!