https://github.com/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.
https://github.com/gugadev/styled-react-ts

css postcss react styled-components styled-jsx typescript

Last synced: 2 days ago
JSON representation

Minimal boilerplate for React, Styled-JSX and Typescript.

• Host: GitHub
• URL: https://github.com/gugadev/styled-react-ts
• Owner: gugadev
• License: mit
• Created: 2019-01-30T15:09:33.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-30T18:31:50.000Z (almost 6 years ago)
• Last Synced: 2024-12-23T16:49:00.573Z (5 days ago)
• Topics: css, postcss, react, styled-components, styled-jsx, typescript
• Language: JavaScript
• Size: 177 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
styled-react-tsx


This is a very small boilerplate to using React styled components with Typescript and Babel.

### What includes?

The dependencies are really minimal. Here are some of them:

- babel (with some presets & plugins)

- typescript

- tslint

- react

- styled-jsx (with PostCSS plugin)

- postcss

- gulp (for styles build)

- webpack (for js build)

- webpack-dev-server

### Which scripts do I have available?

You have three four scripts:

- `start`: run the application using webpack-dev-server.

- `build:css`: execute gulp tasks to compile and minify styles.

- `build:js`: execute webpack to compile typescript and react code.

- `build`: execute two scripts above.

**Note:** builds will generate sourcemaps.

### How to extend

You just could install your favourites packages and edit the configuration files if are necessary. For example, you could add sass and edit the webpack file to add a rule for it.