Kcin1993

import React, {Component} from 'react';
import { connect } from 'redux';
import { certainAction } from '../actions';

class Example extends Component {
  render() {
    return (
      <div>Example</div>
 )

Kcin1993

import * as React from 'react';
import { connect } from 'react-redux'

import * as styles from './ComponentName.css'

export interface Props {

}

const ComponentName: React.SFC<Props> = (props): React.ReactElement<any> => (

Kcin1993

1. install this package
```
yarn add https://github.com/Quramy/typed-css-modules -D
```

2. In webpack 
```
  {
    test: /\.css$/,
    use: [

Kcin1993

[Brief] Use props to be the form initial value

Step.1 -- Set the enableReinitialize to true

reduxForm({
  form: 'theFormName',
  enableReinitialize: true,
}),

Kcin1993

Breif

This is a simple brief about typescirpt add scss loader.

Here are some resourse

• Best solution
• Discuss about ts load problem
• Use plugin to load scss with webpack
• Same issue on stackoverflow

Kcin1993

Brief

YOSGO Dashboard need use the dotenv package to control deploy.

Flow

1. Create .env file in the root folder

2. Add require dotenv in server.ts

Kcin1993

Brief

Deploy YOSGO Dashboard on heroku. Skip to the bottom Our solution

Some resource

• Heroku chinese note
• Same issue
• Procfile

Kcin1993

Brief

This note is about yosgo dashboard project install and use airbnb eslint. Also known as TSlint

---

Resources

• tslint official site
• tslint npm

Kcin1993

//--Color--
$lightGrayBg: #f9fafc;
$gray: #9b9b9b;
$green: #07C9C6;
$red: #f05945;
$lightGrayFieldBorder: #e3e6ee;
$lightGrayLine: #e3e6ee;
$grayWord: #9b9b9b;

//--FontSize--

Kcin1993

import React from 'react';
import './index.css';

const Component = () => (
  <div>A simple component</div>
);

export default Component;