FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.
While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.
Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.
A collection of links to the "Master the JavaScript Interview" series of medium stories by Eric Elliott.
| #!/usr/bin/env bash | |
| rm -rf "${HOME}/Library/Caches/CocoaPods" | |
| rm -rf "`pwd`/Pods/" | |
| pod update |
Hi Nicholas,
I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:
The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't
| // Component.js | |
| const Component = props => ( | |
| <MyContext.Consumer> | |
| {(context) => ( | |
| <Foo | |
| bar={props.bar} | |
| baz={context.baz} | |
| /> | |
| )} | |
| </MyContext.Consumer> |
| // Place your settings in this file to overwrite the default settings | |
| { | |
| "editor.fontSize": 15, | |
| "editor.fontFamily": "Consolas", | |
| "editor.tabSize": 2, | |
| "editor.wordWrapColumn": 80, | |
| "editor.fontLigatures": true, | |
| "editor.snippetSuggestions": "top", | |
| "editor.minimap.enabled": true, | |
| "files.exclude": { |
