loading...

Discussion on: Stuff I always Set Up for Frontend Work

Collapse
nickytonline profile image
Nick Taylor (he/him) Author

It could, I just haven’t done it. 😎

Collapse
rafi993 profile image
Rafi

I have created a package inspired by this npmjs.com/package/frontend-dev user can use it by running

npx frontend-dev
Enter fullscreen mode Exit fullscreen mode

here is the source to the repo github.com/Rafi993/frontend-dev

Collapse
eclecticcoding profile image
Chuck

Great good Nick. This can be more streamlined by created personal user environments or Boilerplates, which ironically I have written about :-)

Thread Thread
nickytonline profile image
Nick Taylor (he/him) Author

Thanks Chuck!

Yeah, I can’t remember when boilerplates came out, but it’s a great feature on GitHub. We use it on react-slingshot.

GitHub logo coryhouse / react-slingshot

React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in


Build status: Linux Build status: Windows Dependency Status Coverage Status

A comprehensive starter kit for rapid application development using React.

Why Slingshot?

  1. One command to get started - Type npm start to start development in your default browser.
  2. Rapid feedback - Each time you hit save, changes hot reload and linting and automated tests run.
  3. One command line to check - All feedback is displayed on a single command line.
  4. No more JavaScript fatigue - Slingshot uses the most popular and powerful libraries for working with React.
  5. Working example app - The included example app shows how this all works together.
  6. Automated production build - Type npm run build to do all this:

React Slingshot Production Build

Get Started

  1. Initial Machine Setup

    First time running the starter kit? Then complete the Initial Machine Setup.

  2. Click "Use this template"

    Click the green "Use this template" button at the top of this page and enter a name and description for your repo.

  3. Run the setup

I was contemplating making a template, but opted to go with explaining the moving parts instead. I could see it being more of a cli longer term which could detect the type of project, check if certain things were in place already, add lint specific rules based on project type etc.