rulox / react-atomic-structure Goto Github PK
View Code? Open in Web Editor NEWBasic Structure for React app following Atomic Design
License: MIT License
Basic Structure for React app following Atomic Design
License: MIT License
Now, components are used like this
<Label text="my text"/>
I'm realizing it should be most effective if they can be used like normal xml/html tags:
<Label>my text</Label>
It makes dev annoying to wait for the linter to test quick changes during dev
Thoughts? I feel we should be less strict as this is a boilerplate project and let the user to add/extend their own rules @Oliphaunte
In readme
Idea: Custom npm scripts to create atoms/molecules/organisms/templates ?
Small preference question, which do you prefer for var declarations:
var gulp = require('gulp');
var eslint = require('gulp-eslint');
or
var gulp = require('gulp'),
eslint = require('gulp-eslint');
npm install --save-dev file-loader
Should we also do code coverage? I think we should.
There are some tools out there, Jest/Mocha/Instanbul/Jasmine, etc...
Discussion opened! @Oliphaunte
We should add the lint for sass files in the travis yml.
Hola, descargue el proyecto e hice lo siguiente:
Y no arranca me saca error
This is needed, also for contributions.
Maybe Yeoman or something similar can be used to refactor the project and instead of cloning the repo it can be used with a generator.
npm WARN [email protected] requires a peer of eslint@^3.5.0 but none was installed.
npm WARN [email protected] requires a peer of eslint@^3.5.0 but none was installed.
I'm not sure if this means it is not using the airbnb eslint or if we can ignore this. Should probably look into this at some point ¯\ (ツ) /¯
Hi, guys. First, nice job you've done here.
I have a similar project, but I'm always looking to find out what people have done with React, Atomic Design and other related stuff. It's not so easy to find implementations of Atomic Design in React though.
Taking a look at the project, I see that you don't have page components. Instead, use templates. I think those are the most confusing parts of Atomic Design (this approach, for example, replaces pages and templates for ecosystems and environments), so I wanted to know what do you guys think about it. Why did you decide to use only templates? Why not pages?
Inconstencies with gulp/webpack @Oliphaunte 😢
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.