Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

React Tutorial: Cloning Yelp

fullstackreact.com

Post reply on HN
Print view View original

161–170 of 258 posts

Re: React Tutorial: Cloning Yelp

#161

Post by Cyph0n »

RobertKerans wrote: post #87
Cyph0n wrote: post #40

Great work on the tutorial. I'm sure it took a lot of time to setup, and it seems well written. However I simply won't believe that setting up a simple React app requires so much overhead. Granted, I have no experience with React, and only marginal experience with frontend web dev. As I read the tutorial, this is the list of questions I had: 1. Why do we need so many Babel presets? What do they do? 2. Why do we need…

There are simpler ways; I don't mind webpack, I just find it hideously over complex at times; if a large % of React tutorials preface the part you want to read with long, differing, detailed explanations as to how to set Webpack up, I think there's something wrong. Brunch works well, for example this is simpler: npm i -g brunch brunch new myApp -s react cd myApp npm start // server starts on port 3333 That's just bas…

Brunch looks pretty cool actually.

Re: React Tutorial: Cloning Yelp

#162

Post by zxcvcxz »

keyle wrote: post #148

I've dealt with many technology stacks. If this is the future, we're F#$$%. Seriously, how can people be blasting older technology like Flash and Flex (which was GREAT), out of the water for not using web standards and then this Frankenstein of a "stack" is going so mainstream. Sure, there is the VM problem, but the language was good and so was the framework. This looks horrendous and scary. Imagine maintaining this…

Can you post one of your projects?

Re: React Tutorial: Cloning Yelp

#164

Post by shriphani »

eterm wrote: post #3

To me this epitomizes what I feel as I'm trying to explore options for different front-end frameworks. In this article I'm 30 screens down (literally 30 page down presses) and it's not even finished setting up the environment and dependencies. Sure, this is something that you only do once, so if it then leads to much better development workflow it makes sense to have a solid investment upfront, but it makes it very h…

Concision is an art-form. In clojure I would do:

* lein new figwheel hello-world

And done. Say lein isn't installed, it is a simple script you download and run once.

Re: React Tutorial: Cloning Yelp

#165

Post by zeemonkee3 »

The anger in this thread does not bode well for the future of React.

I predict big, complex, arcane React stacks will be a punchline in a few years, much like J2EE/EJB is today.

And yes, I know React itself is a small library - Java servlets were a small, simple API that formed the foundation for a ton of over-engineered abstraction on top.

Re: React Tutorial: Cloning Yelp

#166

Post by Cyph0n »

mhink wrote: post #142
Cyph0n wrote: post #40

Great work on the tutorial. I'm sure it took a lot of time to setup, and it seems well written. However I simply won't believe that setting up a simple React app requires so much overhead. Granted, I have no experience with React, and only marginal experience with frontend web dev. As I read the tutorial, this is the list of questions I had: 1. Why do we need so many Babel presets? What do they do? 2. Why do we need…

To reiterate the top comment up above, the idea of this tutorial is to explicate everything a front-end dev might need to know. Furthermore, the tutorial is deliberately throwing in wrenches here and there (problems with loaders and such) in order to convey "how might one approach a similar problem". You're absolutely correct that most of this is, strictly speaking, unnecessary to get a basic React project off the gr…

Dude thanks for taking the time writing such a detailed reply! I wish I could give you more than one upvote..

Re: React Tutorial: Cloning Yelp

#167

Post by Cyph0n »

MatthewPhillips wrote: post #49
Cyph0n wrote: post #40

Great work on the tutorial. I'm sure it took a lot of time to setup, and it seems well written. However I simply won't believe that setting up a simple React app requires so much overhead. Granted, I have no experience with React, and only marginal experience with frontend web dev. As I read the tutorial, this is the list of questions I had: 1. Why do we need so many Babel presets? What do they do? 2. Why do we need…

Check out DoneJS which gives you everything you need: https://donejs.com/Guide.html donejs add app my-app cd my-app donejs develop A full environment with hot module swapping included, code-splitting for production builds, etc. No configuration required.

I might look at that for my next frontend project. Thanks for the link.

Re: React Tutorial: Cloning Yelp

#168

Post by Klathmon »

pkd wrote: post #34
swanson wrote: post #13

Earlier quoted context omitted.

I've shared your frustration. The Hello World experience is a huge spectrum ranging from the 30 screens of setup you describe to the one-click Visual Studio installer. The other thing to consider is what you assume from a reader in a tutorial. If you assume they have a full environment setup (or will be following another tutorial), you can put together a much more concise article. Imagine the now-classic Rails Blog i…

That's an unfair comparison. You are building the whole Ruby dev environment from scratch before coming to Rails. Which is not what is happening in the tutorial. Actually, if you have the typical ruby environment setup already (ruby, rubygems, bundler), then its only gem install rails rails new rails s You don't need postgres or any JS runtime to start off.

And you don't need 80% of the stuff in the article to start off either, this is a VERY in depth walkthrough...

Re: React Tutorial: Cloning Yelp

#169

Post by drumttocs8 »

Scarbutt wrote: post #137
sergiotapia wrote: post #82

Meanwhile here's how you work with React in a Meteor application. https://github.com/nanote-io/nanote-web No need to mess around with plumbing because honestly, who cares about that stuff.

But who cares about meteor? It failed, let it go.

What makes you say it failed?

Re: React Tutorial: Cloning Yelp

#170

Post by sergiotapia »

Scarbutt wrote: post #137
sergiotapia wrote: post #82

Meanwhile here's how you work with React in a Meteor application. https://github.com/nanote-io/nanote-web No need to mess around with plumbing because honestly, who cares about that stuff.

But who cares about meteor? It failed, let it go.

Failed how? A lot of startups and enterprise companies are using it now, with more to follow once Apollo launches.
Post reply on HN