Comments (6)
Nope you can just use relative paths. Try to keep only one nest level in your directories: this should prevent the most of the hassle during refactoring....
from isomorphic500.
@gpbl For a project with a lot of components using a flat directory structure is really not the best solution. Are you sure that webpack doesn't support it the other way?
from isomorphic500.
In my experience nested directories for components don't help at all... try to split your components using the atomic design principles: you will end with three/four directories and much less pain :)
from isomorphic500.
So, you are talking about splitting components folder into several ones? Don't you think that having several directories in the component one looks more logical?
I wan't thinking about three and more levels of nesting, btw. %)
from isomorphic500.
It looks more logical but in practice I've found they are harder to organize. You will find yourself refactoring quite often.
Atomic design principles IMHO fit great in a react application. You can split your components into atoms
, molecules
, organisms
and pages
directories and you won't need thiking too much about naming and nesting.
from isomorphic500.
Ok, thanks!
I'll try it this way.
from isomorphic500.
Related Issues (20)
- Can't require images with webpack on the backend HOT 4
- Error Cannot use [chunkhash] on "npm run dev" HOT 1
- Google Analytics route change handling mistake HOT 2
- Service set up with onSave reload HOT 1
- Troubles using <FormattedMessage... > HOT 3
- "Page not found" hardcoded in NotFoundPage HOT 4
- TypeError: Cannot read property 'map' of undefined HOT 5
- Can't run "17 error [email protected] dev: `NODE_ENV=development DEBUG=isomorphic500 nodemon index.js`" HOT 1
- webpack/write-stats.js HOT 3
- Routing help to new page on click HOT 3
- You may remove NoErrorsPlugin with React Hot Loader 1.3.0 HOT 1
- What is benefits of using fluxible? HOT 7
- importing imagesLoaded and other modules that required browser environment HOT 2
- react-intl server rendering and the markup generated on the server was not what the client was expecting
- SEO multi Language perspective HOT 4
- How to load specific locales like es-MX or en-GB HOT 2
- Locale Urls
- Running the development version using Node 4
- Npm install -- Throws be python error HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from isomorphic500.