raulfdm / generator-react-component-library Goto Github PK

View Code? Open in Web Editor NEW

7.0 7.0 4.0 1.04 MB

A flexible and up-to-date React Component Library scaffolding

License: MIT License

JavaScript 97.85% CSS 2.15%

react react-boilerplate react-component-library yeoman-generator

generator-react-component-library's Introduction

Hello/Hola/Olá! I'm Raul 👋

Born in the lands of Brazil, making a home in Spain.

Here are a few things you should know about me:

memes and Non-sense humor 🤡 give me life!
I'm a fervent admirer of all forms of art 🎨
I enjoy capturing moments 📸;
Traveling and exploring new cultures 🧳 fuels my curiosity and broadens my perspective.
When it comes to games 🎮, I'm an all-rounder. No allegiance to a single platform here!
I find joy in the rhythm of dance 🕺
My dedication extends to fitness 🏋️‍♂️ as well. A healthy body fosters a healthy mind.
I have a knack for nifty gadgets 🔮, regardless of their (lack of) practicality.

Oh, and did I mention my affinity for problem-solving? It's not just limited to humans, but extends to machines as well. Teaching both people 👨🏽‍🏫 (in human language) and machines 👨🏽‍💻 (in programming language) is a passion of mine.

Connect With Me

I'm not a social media addict person, but you can find me on:

My Website - Consider this my experimental lab and personal blog, where I play around with ideas and share my thoughts and musings.
Twitter - A mixed bag of my tech interests, political views, and a dash of humor;
Instagram - My visual diary of carefully curated shots;
Curriculum - If you're curious about my skills and professional experience.

Let's connect and create together! 😁

generator-react-component-library's People

Contributors

Stargazers

Watchers

Forkers

sergioamjr doriclaudino rouwe111 245570565

generator-react-component-library's Issues

Allow option to add enzyme

Add "prettier" option

One more "nice to have" option.

Generate example repo

Add "example" repository

In order to show the user already how it's the whole structure, it should be create and commit a folder examples with all workflows

Configure semantic release

With all nice plugins.

Prevent user move forward without a project name

Actually name is not required.

It means will be created a folder named undefined.

It must be implemented a validation for empty string case and prevent this behavior

Allow option to add husky + lint / tests

Add README.md scaffold with basic instructions

Allow user decide between yarn/npm

yarn storybook missing dependency

yarn storybook can't find 'babel-preset-react-app'

after adding it as yarn add -D babel-preset-react-app works fine

Allow option to add storybook

Configure travis CI or Circle CI

Install dependencies (and cache)
Run test
Run lint
Run Build
Run release

AssertionError [ERR_ASSERTION]: Trying to copy from a source that does

I am submitting a ...

Bug Report

Current Behavior

Issues using react-component-library and I get a trying to copy from a source that does not exists error

Expected

A new library template is created

Minimal Reproduction of Problem

➜  ReactApps yo react-component-library                               
? Your project name test-project-react-image-drag-and-drop
? Some project description fadsfasdf
? What package manager do you want to use? npm
? What library do you want to use to test? Jest + React Testing Library
? Do you want to add storybook? Yes
events.js:187
      throw er; // Unhandled 'error' event
      ^

AssertionError [ERR_ASSERTION]: Trying to copy from a source that does not exist: /usr/local/lib/node_modules/generator-react-component-library/generators/scaffold/templates/.gitignore

Environment

generator version: 1.5.1
node version: v13.1.0
npm version: 6.12.1
OS: Mac OS

Refactor `eslint` file

It's still the old one.

Should be refactored it with the basic setup and allow the user add his own rules.

Regenerate examples

Add prettier

Setup GH actions to automatically release

Allow option to add SASS

have to add node-sass to Work;

If has storybook, then:

yarn add -D style-loader css-loader postcss-loader autoprefixer sass-loader

Enable SASS config inside .storybook/webpack.config.js:

  config.module.rules.push({
    test: /\.scss$/,
    loaders: [
      "style-loader",
      "css-loader",
      {
        loader: "postcss-loader",
        options: { plugins: () => [require("autoprefixer")()] }
      },
      "sass-loader"
    ],
    include: path.resolve(__dirname, "../")
  });