The React ecosystem offers multiple ways to pass data and manage state in a client-side application. A developer might choose between prop drilling, redux, MobX, and the new Context API introduced in React 16 depending on the size and complexity of…
Modular frontends are all the rage these days, especially with the rise of React.js. Large companies have begun open-sourcing their frameworks,. Google has Material UI, Shopify has Polaris, and Palantir has Blueprint. You, (or your boss), might be…
Developers tend to have opinions on style. If you’ve been in the industry for more than 15 minutes, you’ve at least heard about the arguments over spaces or tabs. And don’t even get me started on whether JavaScript needs semi-colons or not. That’s…
React 16 has better error handling than previous React versions. If an error occurred inside of a component, it would “ corrupt React’s internal state .” Then, we would end up with “cryptic” error messages, or just a blank screen. React lacked a way…
I built the same program 4 different ways. I started with callbacks, moved on to Promises, used generators, and finished up with async/await. The program: Makes a request to Github’s users endpoint Pulls back my Github profile Logs the response Here…
You can find part 2 here , and part 3 here . This series will walk you through how to make HTTP requests to the Github REST API in React.js . I’ve chosen the Github API because it is well-organized and doesn’t require us to do any sort of…
If you haven’t completed part 1 of this tutorial, do so before starting part 2. Now that we’ve set up our project using create-react-app, we can start writing some code. Open your project into your editor of choice, and let’s start removing some of…
If you haven’t completed part 1 and part 2 of this tutorial, please do so before starting part 3. Now we’re getting to the good part! So far, we’ve set up a new React application using create-react-app , and we’ve wired up our component to log…
Hoisting remains one of the quirkier aspects of JavaScript. When a developer declares a variable in JavaScript, that variable *behaves *as if it’s been lifted to the top of it’s available scope. This article isn’t going to concern itself with what…
Eric Elliot, in his Medium article Master the JavaScript Interview: What is a Closure? , explains that when he interviews candidates for JavaScript jobs, he always asks questions about closures. He writes: “I don’t care if a candidate knows the word…
When I was a kid, my mom instituted a very unpopular policy amongst my siblings and I––the non-electronic Sunday. After watching my youngest brother stumble up from the basement red-eyed and anxious after hours of Call of Duty one too many times…
Before you begin, make sure you have node and npm installed. Use a node version higher than 6. Also, note that all terminal commands are for Mac. Please use the equivalent commands for your OS. The repository for this tutorial lives here The other…
When I was an English major, I was convinced that all English majors should learn to code. I found myself fascinated by questions like this one: "How do computer scripts reflect Western values and epistemology, even though they are not human?" I…
I grew up playing the piano. When I was a little girl, I had no problem imagining myself on stage, performing in front of thousands of people. I used to sit at the piano and watch a reflection of myself play the musical equivalent to gibberish in the…