Boilerplate For React Applications Using Semantic-UI Components And Parcel

cutemachine(62)

Published in

#utopian-io

Words

346

Reading

2 min

Listen to this post

~2 min

SUI-Parcel is a new project which empowers developers to start their single page application in minutes.

SUI-Parcel

About The Project

Setting up a new single page application with React can be a pain. SUI-Parcel is the pain killer in this regard. You can set up and deploy a new project in minutes thanks to Parcel and Semantic-UI for React.

This boilerplate should make it quite easy to build something based on top of it. It has a great developer experience with zero configuration needed. Thank you, Parcel.

A developer can see changes instantaneously in the browser. After you have started your project with yarn start, a development server will be started which picks up any saved changes and displays the updated application in your browser; without the need to reload. Hot-reloading is a huge time saver.

It is also easy to build the project with just one command: yarn build. If you have Netlify installed you can even deploy it with one command: netlify deploy

Technology Stack

Roadmap

Add Redux for state management

Getting Started

Building your project on top of this starter is straightforward. Just clone the starter in a folder with your project's name. Then remove the Git history to be able to initialize your own Git repository. Then install the dependencies with yarn. When the installation has finished, you can run the new app with yarn start. These are the steps in more detail:

git clone https://github.com/cutemachine/sui-parcel.git YOUR_PROJECT
cd YOUR_PROJECT
rm -rf .git
git init
git add .
git commit -m 'Initial version of YOUR_PROJECT'
yarn
yarn start