This is the biggest React Styleguidist update with 300 commits and four month of work. It incorporates a lot of rethinking and rewriting. But most of the changes were done to make the initial configuration easier. 🍕 Huge thanks to , and for help with this release! 🍕 Yury Shevchenko Andrey Okonetchnikov Oleg Slobodskoi Here’s a quick overview of the most notable changes. See for the full list. the release notes If you’re new to Styleguidst check out the . getting started guide create-react-app support Now Styleguidst works with even without config. create-react-app It will load components from . And example files from or . src/components/**/*.js Component/Readme.md Component/Component.md Easier webpack configuration With the new option: webpackConfig module.exports = {  webpackConfig: {    module: {      loaders: [        // Babel loader, will use your project’s .babelrc        {          test: /\.jsx?$/,          exclude: /node_modules/,          loader: 'babel-loader',        },        // Other loaders that is needed for your components        {          test: /\.css$/,          loader: 'style-loader!css-loader?modules',        },      ],    },  },}; You can reuse your existing webpack config: module.exports = {  webpackConfig: require('./configs/webpack.js')}; Or Styleguidist will try to find in your project’s root directory and use it. webpack.config.js We’ve also removed a notorious or option requirement for your webpack loaders. include exclude Other changes There are many more new options, tiny features and bug fixes — see . the release notes Some under-the-hood changes We’ve migrated our tests from to and have added a lot of new tests. AVA Jest We’re using AST to generate code in webpack loaders instead of string concatenation. We’re using for styling instead of CSS Modules for better isolation (thanks to jss-isolate) and easier theming. JSS Join our Gitter chat if you have any questions or follow me on Twitter to have the latest Styleguidist news in your feed.

Facebook

Twitter

Automating open source project configuration with Mrm

React Styleguidist 5

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Add the Fucking Change Log

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

Top 10 JavaScript Charting Libraries for Every Data Visualization Need

Add the Fucking Change Log

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

Top 10 JavaScript Charting Libraries for Every Data Visualization Need

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps