React CDK (Component Development Kit) & Storybook with Alan Blount

Presenter: Alan Blount

Geek, Freak, Muppet, Robot, Inventor, Artist, Communicator

I have been a web application developer since '97 and I still enthusiastically love it.

Seriously, how lucky am I? I get to play with complicated puzzles all day long. Sometimes the puzzles are code, sometimes specifications, hardware, communication, and anything else. It's all interesting and empowering and we are constantly improving.

https://github.com/kadirahq/react-cdk/ (https://www.google.com/url?q=https%3A%2F%2Fgithub.com%2Fkadirahq%2Freact-cdk%2F&sa=D&sntz=1&usg=AFQjCNGDC3c2zI9sAw3Vw4VeNVvZdr2jrg)

React CDK is not just another React boilerplate. It’s much more than that, and it comes with support from Kadira.

With React CDK, you can focus on developing your React component or utility while React CDK takes care of all the other stuff.

Read why Kadira created React CDK.

React CDK comes with following features:

Create a project with a single command.

Write your component in ES2015+ syntax.

Develop in a live environment with React Storybook.

Write tests with Mocha and Enzyme.

Use ESLint with the Airbnb style guide.

Publish correctly transpiled code into NPM.

Deploy your storybook to GitHub Pages.

Get

updates

to core building tools.

https://github.com/kadirahq/react-storybook/ (https://www.google.com/url?q=https%3A%2F%2Fgithub.com%2Fkadirahq%2Freact-storybook%2F&sa=D&sntz=1&usg=AFQjCNEbvOaQ5o8WET_tBdytvBVLJkytnQ)

Now you can develop and design React UI components without running your app.

You just load your UI components into the React Storybook and start developing them.

This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.

Features

Isolated environment for your components (with the use of various iframe tactics).

Hot module reloading (even for functional stateless components).

About JSLou:

JSLou is a gathering where people of any experience level, and all types of JavaScript can feel right at home. We meet two times per month to talk about news in the world of JavaScript and Nodejs, show projects we are working on, and work on group projects. Come check it out!