Top all-time · #3094
James K Nelson
Personal blog · jamesknelson.comprogrammingweb
James K Nelson's personal blog at jamesknelson.com covers programming and web. Since 2015, 24 different Hacker News readers have linked it 66 times, most often “Learn Raw React – No JSX, No Flux, No ES6, No Webpack”. The last post was in 2022, but the archive is still widely read.
I want to be able to share thoughts and conversations without forcing you to use some distracting social media platform. So I created this website.
Most-linked posts?
- Learn Raw React – No JSX, No Flux, No ES6, No Webpack11 people · 13 mentions · first linked 2015-09-14
- The 5 types of React application state4 people · 4 mentions · first linked 2016-08-29
- Why You Shouldn’t Style React Components with JavaScript4 people · 4 mentions · first linked 2015-10-28
- Which Flux Implementation Should I Use with React?2 people · 2 mentions · first linked 2015-10-13
- Are ES6 Promises swallowing your errors?2 people · 2 mentions · first linked 2015-05-29
- The Six Things You Need to Know About Babel 62 people · 2 mentions · first linked 2015-11-09
- Universal React: You’re doing it wrong2 people · 2 mentions · first linked 2016-03-19
- Push-state vs. Hash-based Routing2 people · 2 mentions · first linked 2015-09-29
What Hacker News says?
http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp... Looks like Mithril code ( https://mithril.js.org/ ) if you alias React.createElement to a short function name. I learned Mithril before React, and kinda think it's a better learning experience to learn the simple way like this first, and then add build tools, Redux, JSX later (if you choose to).
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “React 16”Submitted Learn Raw React – No JSX, No Flux, No ES6, No Webpack as a story · 243 points
HN discussionAngular is harder for beginners because it has everything loaded. React has fewer consepts. When learning & for non-complex apps, you don't even need flux etc. extra stuff. http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “Free React.js Fundamentals Course”Submitted Ridiculously Simple React.js Forms – Without Flux, ES6, JSX, Libraries as a story · 11 points
HN discussionYou should learn React for one simple reason: It's quite definitely going to be huge. Well, that's what I was saying a year ago - it's fair to say now that it is already huge and it's likely to stick around for a long time (at least in JS years). If you're involved in the JS scene, learning React will give you a big advantage. At which point you can decide whether you like it or not. As for mixing JS and HTML, I wen…
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “State of the Art JavaScript in 2016”Submitted React: it's technically backwards compatible! as a story · 7 points
HN discussionGot a whole bunch of tutorials listed in my React/Redux links repo, at https://github.com/markerikson/react-redux-links . If you're looking for a couple that are really simple and involve no other tools or libraries, you may be interested in http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp... or https://github.com/kay-is/react-from-zero .
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “React Tutorial: Cloning Yelp”Submitted Should I use React.createClass, ES6 Classes or stateless functional components? as a story · 6 points
HN discussionhttp://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “Vue 3.0 Updates [slides]”Submitted The 5 types of React application state as a story · 4 points
HN discussionThe "store" is purely data that is on the client. What data you put in the store is up to you. It may be a mixture of domain data from the server ("what items do I have in cache"), application-specific data ("the current selected item is #42"), and UI state ("there is a modal that is visible, of type ItemEditor"). It's certainly possible to put every single bit of data in your app into Redux, but there are definitel…
Comment linking /5-types-react-application-state/
on “Show HN: Build your first real world React.js application”Submitted How I learned to stop worrying and love the JSX as a story · 4 points
HN discussionThis is a _great_ tutorial series! I've already added it to my React/Redux links list ([0}), and is definitely one that I'd point people to right away in the future, along with other tutorials like the official React docs ([1]), the "React to the Future" slideshow ([2]), and the "Learn Raw React - no JSX or ES6" tutorial ([3]). [0] https://github.com/markerikson/react-redux-links [1] https://facebook.github.io/react…
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “Show HN: 30 Days of React”Submitted Using ES6 and ES7 in the Browser, with Babel 6 and Webpack as a story · 4 points
HN discussionThis article was my first exposure to React, and it goes through the basics of building a very simple "list of people" using nothing more than a single HTML file. It doesn't even use JSX, instead showing you how to build the raw JS that the JSX would compile to. I found it to be a great introduction without a lot of overhead to learn. http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “My Reaction to React”Submitted Oin the Dark Side of the Flux: Responding to Actions with Actors as a story · 4 points
HN discussionI started with this tutorial[0] that covers react with no JSX, no Flux, no ES6, and no Webpack. It is just a couple of script includes and normal html/javascript. From that tutorial, I was able to understand exactly what react is . Then I started adding in the other items on top. It's definitely not a boilerplate "site in 5 minutes", but it's also a lot less confusing when trying to learn what's going on underneath…
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “React in patterns”Submitted How to deepen work relationships with a single question as a story · 4 points
HN discussionHeres a nice intro to React that deals with JUST React, no JSX, no Webpack etc. I found it on HN the other day http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “Ask HN: What are some good React tutorials?”Submitted My experience upgrading to React 16 as a story · 3 points
HN discussionMy suggestion is to go through some full-stack tutorials. Vary them up to learn how workflows with different library combinations/boilerplates feel for you. For React my quick and dirty intro a few months ago involved: http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp... and then following along with http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial... The first link is very light on dependenci…
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “React-Boilerplate v3: The “JS Fatigue Antivenin” Edition”Submitted 5 types of state in React Applications as a story · 3 points
HN discussionGoogle has been saying that for years, but I don’t really believe it… 1) First there were the "hashbang" URLs, that Google said they'd crawl fine, but that did affect Gawker's SEO: http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-... 2) And instagram uses server rendering for SEO: https://twitter.com/cpojer/status/711729444323332096 (via http://jamesknelson.com/universal-react-youre-doing-it-wrong... )
Comment linking /universal-react-youre-doing-it-wrong/
on “Rendering React without browser JavaScript”Submitted A Stateless React App? as a story · 3 points
HN discussionI can highly recommend anything written by James. His previous "Learn Raw React" post ( http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp... ) is one of my most frequently recommended articles for people who want to understand the basics of React without any buzzwords, and his new site builds on that approach with a bunch of interactive examples. For anyone looking for more info past that, you may be inte…
Comment linking /learn-raw-react-no-jsx-flux-es6-webpack/
on “Everything about React events (with live exercises)”Submitted Webpack Made Simple as a story · 3 points
HN discussionSubmitted The Road to 100 Signups as a story · 3 points
HN discussionSubmitted Six essential JavaScript libraries (with examples) as a story · 3 points
HN discussionSubmitted Are ES6 Promises swallowing your errors? as a story · 3 points
HN discussionSubmitted The Haiku of React Routing Principles as a story · 2 points
HN discussion
