<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[JavaScript Stuff]]></title><description><![CDATA[Learn the Latest JavaScript Tools: build apps faster and have more fun doing it]]></description><link>https://www.javascriptstuff.com</link><generator>RSS for Node</generator><lastBuildDate>Sat, 24 Nov 2018 20:37:44 GMT</lastBuildDate><item><title><![CDATA[Most Recommended JavaScript Learning Resources]]></title><description><![CDATA[There are bajillions of resources on the internet for learning JavaScript. Which is awesome. But I know  too much  choice can be…]]></description><link>https://www.javascriptstuff.com/learn-javascript</link><guid isPermaLink="false">https://www.javascriptstuff.com/learn-javascript</guid><pubDate>Sat, 24 Feb 2018 00:00:00 GMT</pubDate></item><item><title><![CDATA[3 Tools to Make Web Development More Fun]]></title><description><![CDATA[In 2017 I really started to enjoy my work as a JavaScript/React developer. So I took a minute to think: how am I enjoying myself so damn…]]></description><link>https://www.javascriptstuff.com/tools-to-make-webdev-more-fun</link><guid isPermaLink="false">https://www.javascriptstuff.com/tools-to-make-webdev-more-fun</guid><pubDate>Fri, 12 Jan 2018 00:00:00 GMT</pubDate></item><item><title><![CDATA[5 React Component Toolkits]]></title><description><![CDATA[Update 2017-7-21:  Added 4 more toolkits. Update 2018-1-1:  There is a complete, updated list of toolkits,
(but without any discussion), in…]]></description><link>https://www.javascriptstuff.com/react-component-toolkits</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-component-toolkits</guid><pubDate>Fri, 14 Jul 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[React with Any Backend]]></title><description><![CDATA[When it comes to your backend server, React starter projects and tutorials tend
to focus on a node backend - usually  Express  or
something…]]></description><link>https://www.javascriptstuff.com/react-with-any-backend</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-with-any-backend</guid><pubDate>Fri, 30 Jun 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[Three Example React Stacks]]></title><description><![CDATA[There are a million ways to set up your next web app. There are thousands of
 packages  to consider, and even more  opinions  on what you…]]></description><link>https://www.javascriptstuff.com/three-example-react-stacks</link><guid isPermaLink="false">https://www.javascriptstuff.com/three-example-react-stacks</guid><pubDate>Fri, 05 May 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[Webpack 2 Loader Variations]]></title><description><![CDATA[Reading a Webpack config and pulling out your hair trying to figure out WTF it
does?  You’re not alone.  That’s pretty much everyone that…]]></description><link>https://www.javascriptstuff.com/webpack-2-loader-variations</link><guid isPermaLink="false">https://www.javascriptstuff.com/webpack-2-loader-variations</guid><pubDate>Fri, 17 Mar 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[2 sample apps using create-react-app]]></title><description><![CDATA[React starter projects can be super helpful, but they also tend to have a lot of
dependencies and it can be difficult to get updates…]]></description><link>https://www.javascriptstuff.com/sample-apps-create-react-app</link><guid isPermaLink="false">https://www.javascriptstuff.com/sample-apps-create-react-app</guid><pubDate>Wed, 11 Jan 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[8 ideas for your first web app]]></title><description><![CDATA[Recently I wrote an article about why you should
 build a tiny React app first . It’s a great exercise for a
developer of any skill level. I…]]></description><link>https://www.javascriptstuff.com/tiny-app-ideas</link><guid isPermaLink="false">https://www.javascriptstuff.com/tiny-app-ideas</guid><pubDate>Sun, 08 Jan 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[Build a tiny, unique, web app]]></title><description><![CDATA[I see developers making the mistake over and over again - jumping headfirst into
a complicated app before learning the basics. Is this you…]]></description><link>https://www.javascriptstuff.com/tiny-unique-app</link><guid isPermaLink="false">https://www.javascriptstuff.com/tiny-unique-app</guid><pubDate>Wed, 04 Jan 2017 00:00:00 GMT</pubDate></item><item><title><![CDATA[Anatomy of a Static Site]]></title><description><![CDATA[Static sites  are a  simpler  kind of web site because they don’t have a
traditional server. The only server that is involved is a static…]]></description><link>https://www.javascriptstuff.com/static-site-anatomy</link><guid isPermaLink="false">https://www.javascriptstuff.com/static-site-anatomy</guid><pubDate>Thu, 17 Nov 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Webpack Loader Variations]]></title><description><![CDATA[There are multiple ways to specify Webpack loaders. If you haven't seen them
all, Webpack configs may be confusing. Webpack 2 won't help the…]]></description><link>https://www.javascriptstuff.com/webpack-loader-variations</link><guid isPermaLink="false">https://www.javascriptstuff.com/webpack-loader-variations</guid><pubDate>Mon, 19 Sep 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[create-react-app vs other starter projects]]></title><description><![CDATA[I've written a lot about React starter projects. I've
 catalogued over 100 starter projects , written about
 when not to use them , and even…]]></description><link>https://www.javascriptstuff.com/create-react-app</link><guid isPermaLink="false">https://www.javascriptstuff.com/create-react-app</guid><pubDate>Sun, 04 Sep 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[How to start a React project from scratch]]></title><description><![CDATA[Many beginners don't start their projects from scratch: they use a  starter
project. The idea of a starter project is so tantalizing…]]></description><link>https://www.javascriptstuff.com/react-from-scratch</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-from-scratch</guid><pubDate>Sun, 26 Jun 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Should I use React Server-Side Rendering?]]></title><description><![CDATA[There is a lot of information on the web about  how  to use server-side
rendering, or SSR, with React. But the question you'll want to…]]></description><link>https://www.javascriptstuff.com/server-side-render</link><guid isPermaLink="false">https://www.javascriptstuff.com/server-side-render</guid><pubDate>Sat, 18 Jun 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Learn the JavaScript ecosystem one package at a time]]></title><description><![CDATA[Modern JavaScript is a land of many moving pieces. When you look at it from a
high level: it looks like chaos. A single project might…]]></description><link>https://www.javascriptstuff.com/npm-sandboxing</link><guid isPermaLink="false">https://www.javascriptstuff.com/npm-sandboxing</guid><pubDate>Mon, 30 May 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Instant Component Creation in Atom]]></title><description><![CDATA[Does your app have a ton of components? Are you tired of writing out
 class X extends React.Component...  over and over again? If you're…]]></description><link>https://www.javascriptstuff.com/instant-component-creation</link><guid isPermaLink="false">https://www.javascriptstuff.com/instant-component-creation</guid><pubDate>Fri, 13 May 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[What are CSS Modules? A visual introduction]]></title><description><![CDATA[Have you ever been styling a component, only to realize that unwanted CSS rules
are being applied? Maybe you then go refactor another…]]></description><link>https://www.javascriptstuff.com/what-are-css-modules</link><guid isPermaLink="false">https://www.javascriptstuff.com/what-are-css-modules</guid><pubDate>Fri, 01 Apr 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Will Google find your React content?]]></title><description><![CDATA[SEO is important for almost any site, and React sites are no exception. The problem with a React site is that the  content is often…]]></description><link>https://www.javascriptstuff.com/react-seo</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-seo</guid><pubDate>Sun, 20 Mar 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[React AJAX Best Practices]]></title><description><![CDATA[When you start asking about AJAX and React, the first thing the experts will
tell you is that React is a  view library  and React has no…]]></description><link>https://www.javascriptstuff.com/react-ajax-best-practices</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-ajax-best-practices</guid><pubDate>Fri, 05 Feb 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[AJAX/HTTP Library Comparison]]></title><description><![CDATA[Networking in JavaScript falls into 2 categories: AJAX (browser) and HTTP
clients (server). Sometimes you'll only need one of these…]]></description><link>https://www.javascriptstuff.com/ajax-libraries</link><guid isPermaLink="false">https://www.javascriptstuff.com/ajax-libraries</guid><pubDate>Thu, 04 Feb 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[How AJAX works in React]]></title><description><![CDATA[This article is for developers new to frontend JavaScript. If you already know
the basics, move on to  best practices for AJAX with React…]]></description><link>https://www.javascriptstuff.com/how-ajax-works-react</link><guid isPermaLink="false">https://www.javascriptstuff.com/how-ajax-works-react</guid><pubDate>Wed, 03 Feb 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Top 5 Tutorials for Getting Started with React]]></title><description><![CDATA[Update 2017-10-28:  This list is outdated. I maintain a
 better list of react tutorials Recently I found a developer asking this question…]]></description><link>https://www.javascriptstuff.com/getting-started-tutorials</link><guid isPermaLink="false">https://www.javascriptstuff.com/getting-started-tutorials</guid><pubDate>Fri, 15 Jan 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[What is React?]]></title><description><![CDATA[It's the 🎊 new year 🎉 and it's a great time to learn some new skills! React is
surging in popularity and for good reason: it is  extremely…]]></description><link>https://www.javascriptstuff.com/what-is-react</link><guid isPermaLink="false">https://www.javascriptstuff.com/what-is-react</guid><pubDate>Sat, 02 Jan 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[8 no-Flux strategies for React component communication]]></title><description><![CDATA[In React, one of the first big issues that comes up is figuring out  how
components should communicate with each other. What's the best way…]]></description><link>https://www.javascriptstuff.com/component-communication</link><guid isPermaLink="false">https://www.javascriptstuff.com/component-communication</guid><pubDate>Sat, 21 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[How to validate nested proptypes with React]]></title><description><![CDATA[So you're writing a React component. You know how to pass props to your
component, and you know how to reference the props in the component…]]></description><link>https://www.javascriptstuff.com/validate-nested-proptypes</link><guid isPermaLink="false">https://www.javascriptstuff.com/validate-nested-proptypes</guid><pubDate>Fri, 20 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Webpack HMR Tutorial]]></title><description><![CDATA[Struggling to set up HMR with Webpack? Are you finding the  Webpack documentation  to be  lacking  - particularly
in the HMR section? Does…]]></description><link>https://www.javascriptstuff.com/webpack-hmr-tutorial</link><guid isPermaLink="false">https://www.javascriptstuff.com/webpack-hmr-tutorial</guid><pubDate>Thu, 19 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Guide to JavaScript frontend package managers]]></title><description><![CDATA[When I started my last frontend JavaScript project I wasn't super familiar with
all the package managers, what they do, and what they're for…]]></description><link>https://www.javascriptstuff.com/javascript-frontend-package-managers</link><guid isPermaLink="false">https://www.javascriptstuff.com/javascript-frontend-package-managers</guid><pubDate>Sat, 14 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[3 Ways to Set Up Webpack with HMR]]></title><description><![CDATA[It's not clear in the Webpack documentation, but there are exactly 3 ways that
you can set up Webpack's hot module replacement (HMR) feature…]]></description><link>https://www.javascriptstuff.com/3-ways-webpack-hmr</link><guid isPermaLink="false">https://www.javascriptstuff.com/3-ways-webpack-hmr</guid><pubDate>Fri, 06 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Understanding Webpack HMR]]></title><description><![CDATA[Hot Module Replacement ,
or HMR, is essential for the fast and efficient client-side Javascript
developer. I know this, and yet recently…]]></description><link>https://www.javascriptstuff.com/understanding-hmr</link><guid isPermaLink="false">https://www.javascriptstuff.com/understanding-hmr</guid><pubDate>Thu, 05 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Do more in less time with Webpack HMR]]></title><description><![CDATA[Hot Module Replacement 
is a Webpack feature that updates your Javascript without a browser reload. It
can even maintain your application…]]></description><link>https://www.javascriptstuff.com/why-use-hmr</link><guid isPermaLink="false">https://www.javascriptstuff.com/why-use-hmr</guid><pubDate>Wed, 04 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Simple image gallery react component]]></title><description><![CDATA[It turns out it's really easy to build an image gallery with a loading indicator
(spinner) in React. This one is a single component with…]]></description><link>https://www.javascriptstuff.com/react-image-gallery</link><guid isPermaLink="false">https://www.javascriptstuff.com/react-image-gallery</guid><pubDate>Tue, 03 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Detect when images have finished loading with React]]></title><description><![CDATA[I was asked this question recently: "Is there a way to detect when the children of a component have rendered
completely?" And the answer is…]]></description><link>https://www.javascriptstuff.com/detect-image-load</link><guid isPermaLink="false">https://www.javascriptstuff.com/detect-image-load</guid><pubDate>Mon, 02 Nov 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Why to use refs instead of IDs]]></title><description><![CDATA[Let's start by assuming that you went ahead and used an ID to access one of your
elements in a React component. What could happen? Maybe…]]></description><link>https://www.javascriptstuff.com/use-refs-not-ids</link><guid isPermaLink="false">https://www.javascriptstuff.com/use-refs-not-ids</guid><pubDate>Wed, 21 Oct 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Use aws-sdk with Webpack]]></title><description><![CDATA[If you are using webpack and you thought you could just
 import AWS from 'aws-sdk'  or  require('aws-sdk') ... you are out of luck.
You'll…]]></description><link>https://www.javascriptstuff.com/aws-sdk-with-webpack</link><guid isPermaLink="false">https://www.javascriptstuff.com/aws-sdk-with-webpack</guid><pubDate>Mon, 19 Oct 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[How Whitespace Works in JSX]]></title><description><![CDATA[Familiar with how whitespace works in HTML, but not getting the results you
would expect in your React component? Read on. The easiest way…]]></description><link>https://www.javascriptstuff.com/how-whitespace-works-in-jsx</link><guid isPermaLink="false">https://www.javascriptstuff.com/how-whitespace-works-in-jsx</guid><pubDate>Sat, 03 Oct 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[How To Pass Events Between Components]]></title><description><![CDATA[Imagine you have a component with a  render()  method like this: If  <A/>  has an  <input>  inside of it, and you want to capture any…]]></description><link>https://www.javascriptstuff.com/how-to-pass-events-between-components</link><guid isPermaLink="false">https://www.javascriptstuff.com/how-to-pass-events-between-components</guid><pubDate>Fri, 02 Oct 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Event Bubbling]]></title><description><![CDATA[Have you ever been unsure of where to put your  onChange  or other event
handler in React? Does it go in the parent, or the child? Can you…]]></description><link>https://www.javascriptstuff.com/event-bubbling</link><guid isPermaLink="false">https://www.javascriptstuff.com/event-bubbling</guid><pubDate>Sun, 20 Sep 2015 00:00:00 GMT</pubDate></item><item><title><![CDATA[Webpack Watch in Vagrant/Docker]]></title><description><![CDATA[So you just got Webpack all set up, and you're using Vagrant or Docker. Then you
run  webpack --watch . But when you make changes in your…]]></description><link>https://www.javascriptstuff.com/webpack-watch-in-vagrant-docker</link><guid isPermaLink="false">https://www.javascriptstuff.com/webpack-watch-in-vagrant-docker</guid><pubDate>Thu, 27 Aug 2015 00:00:00 GMT</pubDate></item></channel></rss>