DEV Community

loading...
Cover image for React  templates - intro

React templates - intro

Michael
I'm a self-taught dev focused on websites and Python development. My friends call me the "Data Genie". When I get bored, I find tech to read about, write about and build things with.
・1 min read

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.

Discussion (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 Author

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 Author • 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 Author

And then blog about what you made. ;)

Thread Thread
sohamsshah profile image
Soham Shah

Thanks man!