Comments (6)
I'd like to hear more on this before just changing all the files in the project. Personally, the .jsx
extension has been helpful since my IDE can make assumptions based off the of the file extension, and even simple things like file icon extensions help separate what in a project is a react component and what's just vanilla JS, for lack of a better term.
from react-redux-starter-kit.
I think for newbie is better use .jsx
. After some time they transparently may migrate to the .js
names, when their religion changes.
Jsx is not vanilla js, so lets get to newbies chance to clarify (googlify) what is jsx, what is es6 and etc.
from react-redux-starter-kit.
+1 for .js
. I don't think its that important, but I get the sense that the community is more and more not making the distinction. JSX isn't vanilla js, but neither is ES6/ES7, and we're not using .es6
. The pattern seems to be that if its getting transpiled down to vanilla js the .js
extension is okay.
I also think people who are able to grasp all of the things in this library are people who are generally familiar with React by now (aka, they've changed their religion, as nodkz says).
The biggest kicker might be IDE compatibility though. I have zero issues with JSX in .js
in vim, but I'm interested to get a better idea of what other IDE's are capable of.
from react-redux-starter-kit.
@nhagen I really like the argument about .es6
as I've never been a fan of that extension. Personally the only thing holding me back right now is the nice file icons I get in my IDE, but thinking about it that's a pretty silly reason to make decision for a starter kit.
So, that said, .js
it is. I'll update the project later. I do have one more question, however: what about naming conventions? A lot of React projects seem to be going with ProperCased file names for components, which is a divergence from the previously popular dash-separated names. My team has actually switched to the former, since the file name then matches the class name, but I'd be curious to hear what others think.
from react-redux-starter-kit.
Hm. I've always used thisCamelCase, but it looks like facebook uses ProperCase, so thats probably what everyone should be doing for JSX.. Crap.
from react-redux-starter-kit.
Updated all .jsx
files with #62.
from react-redux-starter-kit.
Related Issues (20)
- what is `@import '~bootstrap/scss/bootstrap.scss';` meaning at `src/styles/main.scss` HOT 2
- browserHistory.push change url path but not really loads the component.
- help wanted: Using javascript generator
- Modularizing code (Fractal setup)
- Migration to another project HOT 1
- Seeking New Maintainers HOT 8
- Reuse action creator in other Fractal route container
- verbose stack Error: [email protected] start: `better-npm-run start` HOT 1
- Can I use this kit for react native project?
- bootstrap data-toggle and data-target
- npm run deploy high cpu usage
- Heroku production deployment
- can not import semantic-ui-css/components/button.css
- Implement server side rendering in updated code.
- Implement server side rendering in updated code.
- Unable to create zip with data Node issue
- I am running on AWS Cloud9 HOT 1
- How to save the parameters passed during the routing jump and to apply this parameter when refreshing the page. HOT 1
- Server/main.js Routes
- Safari Unexpected token const
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 react-redux-starter-kit.