Skip to content
A Yeoman generator for @doches' typical frontend stack.
JavaScript TypeScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
.gitignore
README.md
package.json
yarn.lock

README.md

generator-tfountain-webstack

This is a Yeoman generator that scaffolds out a ready-to-hack web frontend with Typescript and React for components, Less for styles, and webpack for building. Think Create React App, but customised for a specific toolset and without all the hand-holding.

Getting Started

Install Yeoman via yarn, or npm, or whatever JS package manager is hot this week:

$ yarn global add yo

Once you've got Yeoman set up, install this generator:

$ yarn global add generator-tfountain-webstack

Create the directory in which your new project will live, then call Yeoman to scaffold out your project:

$ mkdir awesome-app
$ cd awesome-app
$ yo tfountain-webstack

Answer a couple of easy questions, and you'll be greeted with a ready-to-rock project. Open the directory up in your editor of choice (I like VS Code), fire up your terminal, and start a dev server with yarn start.

Batteries Included

  • Typescript 3.x -- For those of us who prefer a little C# in our JS.
  • Webpack 4.x -- You prefer Rollup? Browserify? Parcel? Gulp? Grunt? (!?) Great! I prefer Webpack.
  • Less -- Writing straight CSS is madness, and Sass is just too much of a good thing.
  • React 16.x -- It's dangerous to go alone. Here, take all of Facebook's domain knowledge and best practices with you.
  • Babel 7.x -- Pick a Javascript, any Javascript
  • ESLint 6.x -- Look, we all make mistakes, ok?
You can’t perform that action at this time.