Skip to content

Rincewind: A boilerplate for React + PostCSS (with Tailwind) + TypeScript

Notifications You must be signed in to change notification settings

swyxio/rincewind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

rincewind

Rincewind: Create React Apps with Parcel + React + PostCSS (with Tailwind) + TypeScript

oclif Version CircleCI Downloads/week License Netlify Status https://www.netlify.com/img/deploy/button.svg

https://humanitysdarkerside.files.wordpress.com/2012/07/rincewind-by-lindsay-c-walker-2.jpg?w=217&h=278

Usage

$ npm install -g rincewind
$ rincewind # or rw

By default it creates the new app in a directory called rincewind-app. If you want to specify the folder name, add an extra arg: rw create myapp

Once you have a scaffolded app, cd into the project and then either run:

  • rw build for a production build
  • rw serve for local development. (aliases for this: rw dev or rw develop)

rw is just an alias for rincewind, you can use rw interchangeably everywhere except with npx

Enjoy!

Commands

rincewind create

Aliases: rw create

Creates a Rincewind app. Only basic template available for now. You can pass an arg or a -d flag to specify the name of the directory it creates.

$ npm install -g rincewind
$ rincewind # or rw

These all also do the same thing

  • npx rincewind creates a rincewind app without install
  • rw init
  • rw create
  • rw init myapp
  • rw create myapp
  • rw init -d myapp
  • rw create -d myapp

rincewind serve

Aliases: rw dev, rw develop

Locally serve a rincewind app for development.

rincewind serve

These all also do the same thing

  • rw serve
  • rw dev
  • rw develop

rincewind build

Aliases: rw build

Build a Rincewind app for production.

rincewind build

These all also do the same thing

  • rw build

Roadmap

  • add basic design system to draw from
  • other templates to scaffold from including your own
  • caching the node modules so you copy paste
  • module/nomodule
  • preact aliasing
  • react single file components
  • other ideas from Proxx: https://www.youtube.com/watch?v=fWc3Zu6A3Ws
  • need to be liefie resistant - service workers
  • ???
  • Give me your ideas! https://twitter.com/swyx

Name and History

v0-v2 of this package was a different project, run by https://github.com/mmckegg over from 2013-2016

https://github.com/mmckegg kindly handed this project over to swyx in Nov 2019, because of his deep love of Terry Pratchett's Discworld series and its bumbling Wizzard.