React Tutorials
Force a React Component to Re-Render
The beauty of React components is that they automagically render and update based on a change in
state
orprops
; simply update the state from any place and suddenly your UI element updates -- awesome! There may be a case, however, where you simply want to...Using Cloudinary for eCommerce
Nothing improves sales on the web than imagery and video. You can describe an item a dozen ways but one picture can suck the user right in, multiple photos (including a nice zoom feature) can clinch the sale. What does this mean? It's important to provide users...
Cloudinary React Components
I've been experimenting a lot with both React and Cloudinary over the past six months and it's been a blast -- I'm learning a ton while also recovering the ambition and thirst I had as a young developer. React has been a revelation: an advanced JavaScript...
Modern JavaScript Apps with Neutrino
Utilize tooling that harnesses the power of Webpack with ease of simple presets to quickly start JavaScript projects, all without upfront configuration. Taking the plunge into starting a new JS project often brings along a significant effort into preparing your environment prior to starting development on the...
State Reset and Update with React
If you follow me on Twitter, you'll know that I've taken a real liking to React, as has seemingly everyone else in the JavaScript development world. The React app I'm working on is relatively small, making fetch requests to send and receive data, rendering...
Modernization of Reactivity
Reactive programming has taken JavaScript by storm over the last decade, and for good reason; front-end development greatly benefits from the simplicity of writing user interface code that "reacts" to data changes, eliminating substantial error-prone imperative code tasked with updating UIs. However, while the popularity has...
Step-By-Step Guide to Stripe Payments in React
This is an adapted from several excerpts from Scott Hasbrouck's book, "The Node.js Engineer's Guide to Stripe" - Available Now! with a 10% discount for David Walsh readers with code: WALSH10 What We’ll Cover Replace Checkout.js with Stripe.js Removing the Checkout.js button Adding required...
React Authentication is Easy with Auth0
There are a lot of great tools out there for creating modern apps that can often make our lives easier, but one aspect that is often tricky and time-consuming is authentication. The landscape around building applications today is different than it used to be, which can...
Crafting a 3D React Carousel
There is something in me that is amazed but beautiful 3D interfaces. And it doesn't matter whether they're functional like Gyroscope features menu, technology demonstrators like the amazing periodic table demo from famous or they're artistic representation pushing the limits of...