https://github.com/doches/generator-tfountain-webstack
A Yeoman generator for @doches' typical frontend stack.
https://github.com/doches/generator-tfountain-webstack
hacktoberfest
Last synced: 5 months ago
JSON representation
A Yeoman generator for @doches' typical frontend stack.
- Host: GitHub
- URL: https://github.com/doches/generator-tfountain-webstack
- Owner: doches
- Created: 2020-02-23T21:05:32.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T20:03:39.000Z (over 3 years ago)
- Last Synced: 2025-10-27T09:27:15.359Z (9 months ago)
- Topics: hacktoberfest
- Language: JavaScript
- Homepage:
- Size: 465 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# generator-tfountain-webstack
This is a [Yeoman](http://yeoman.io/) 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](https://code.visualstudio.com/)), 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?