Skip to content

theship/intarsia-knitting-pattern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Created with create-reate-app

This project was bootstrapped with Create React App, using the TypeScript template:

// >> yarn create react-app intarsia-knitting-pattern --template typescript
// >> cd intarsia-knitting-pattern

// >> yarn start

(Ctrl-C to stop)

SASS was added

// >> yarn add sass
// >> yarn add @types/sass

Updated script to add a sass watch:

  "scripts": {
    "sasswatch": "sass src/styles/scss:src/styles/css --watch",
    "start": "sasswatch && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Added types for CSS:

// >> npm install node-sass
// >> yarn add -D typed-scss-modules
// >> yarn tsm src/

To check for differences:

yarn tsm src/ --listDifferent

(Thanks for sharing about that listDifferent switch, Spencer Miskoviak, Scovy, he's no longer on Medium)

Added react-bootstrap && Material UI core


// >> yarn add react-bootstrap 

// >> yarn add @material-ui/core

Added (redux and) unstated-next for state management

// >> yarn add redux
// >> yarn add react-redux
// >> yarn add @types/react-redux
// >> yarn add prop-types-extra
// >> yarn add unstated-next

Added uuid

// >> yarn add uuid

https://www.npmjs.com/package/uuid

Added react-color for Sketcher style color picker

React Color

A Collection of Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter, Material Design & more

Versioning as follows:

// >> git tag -a v0.2 -m "unstated-next across components"
// >> git push origin --tags

About

React Typescript SASS Bootstrap

Resources

Stars

Watchers

Forks

Packages

No packages published