Skip to content
This repository has been archived by the owner on Nov 5, 2020. It is now read-only.

Latest commit

 

History

History
31 lines (24 loc) · 1.25 KB

README.md

File metadata and controls

31 lines (24 loc) · 1.25 KB

Ducky components

Overview

Basic React components used to create www.ducky.no

Install

  • Have the latest version of Node
  • Clone the repo
  • Install dependencies with npm install
  • Install storybook with sudo npm install -g getstorybook

Running the project

  • Run the development server with npm run storybook
  • Open localhost:6006

Project structure

Create a component folder in src with index.js and styles.css files. Each component is to be developed as a function or a class if required. Preview the component with Storybook by creating a stories.js file using duckyStories.

CSS Modules

CSS files loaded into components are locally scoped and you can point to class names with javascript. You can also compose classes together, also from other files. These are also hot loaded. Read more about them here. To turn off CSS Modules remove it from the webpack.config.js file.

Babel

Both Node server and frontend code runs with Babel.

Linting

Run npm run lint to verify all files. With Atom you can install the linter package, then linter-eslint for error highlighting. I would recommend installing language-babel package too for syntax highlighting