blog.bundles.dev

Frontend 읽으면 좋은 것들

Html

• 헤더
  • HEAD

React

• 코드 컨벤션
  • Airbnb React/JSX Style Guide
• 그외
  • reactstrap

Javascript(es6)

• ECMAScript 6 — New Features
• 코드 컨벤션
  • Airbnb JavaScript Style Guide

Style(css, scss, sass)

• Sass
  • Sass Guidelines
• 그외
  • BEM 작명 규칙
• 설계 대부분 Sass Guidelines에 나와 있는 내용이다.
  • SMACSS, BEM, OOCSS

Tool

• Webpack
  • webpack
  • webpack-dev-middleware
  • webpack-hot-middleware
• lint
  • eslint
  • sasslint
• 그외
  • autorefixer

예제

• React Server Side Render
• Express.js 서버 + 개발 서버 Hot Module Replacement 사용하기
• react-webpack-boilerplate