Это самое большое обновление React Styleguidist с 300 коммитами и четырьмя месяцами работы. Он включает в себя много переосмысления и переписывания. Но большинство изменений было внесено, чтобы упростить первоначальную настройку.

🍕 Огромное спасибо Юрию Шевченко, Андрею Оконечникову и Олегу Слободскому за помощь в выпуске этого релиза! 🍕

Вот краткий обзор наиболее заметных изменений. См. Полный список примечаний к выпуску.

Если вы новичок в Styleguidst, ознакомьтесь с руководством по началу работы.

поддержка create-react-app

Теперь Styleguidst работает с create-react-app даже без конфига.

Он загрузит компоненты из src/components/**/*.js. И файлы примеров из Component/Readme.md или Component/Component.md.

Более простая конфигурация веб-пакета

С новой опцией 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',
        },
      ],
    },
  },
};

Вы можете повторно использовать существующую конфигурацию веб-пакета:

module.exports = {
  webpackConfig: require('./configs/webpack.js')
};

Или Styleguidist попытается найти webpack.config.js в корневом каталоге вашего проекта и использовать его.

Мы также удалили пресловутые требования к параметрам include или exclude для загрузчиков веб-пакетов.

Прочие изменения

Есть еще много новых опций, мелких функций и исправлений ошибок - см. Примечания к выпуску.

Некоторые внутренние изменения

  • Мы перенесли наши тесты с AVA на Jest и добавили много новых тестов.
  • Мы используем AST для генерации кода в загрузчиках веб-пакетов вместо конкатенации строк.
  • Мы используем JSS для стилизации вместо CSS-модулей для лучшей изоляции (благодаря jss-isolate) и упрощения создания тем.

Присоединяйтесь к нашему чату Gitter, если у вас есть какие-либо вопросы, или подпишитесь на меня в Twitter, чтобы получать последние новости Styleguidist в своей ленте.

Хакерский полдень - это то, с чего хакеры начинают свои дни. Мы часть семьи @AMI. Сейчас мы принимаем заявки и рады обсуждать рекламные и спонсорские возможности.

Если вам понравился этот рассказ, мы рекомендуем прочитать наши Последние технические истории и Современные технические истории. До следующего раза не воспринимайте реалии мира как должное!