Next.js 10 (nextjs.org)
Oct 27, 2020
Next.js 10 introduces Built-in Image Optimization, Internationalized Routing, Next.js Analytics, React 17 Support, and more.
- Tim Neutkens
- Joe Haddad
- JJ Kasper
- Davis Connor
- Luis Alvarez
- Shu Uesugi
Introducing Framer Motion (smashingmagazine.com)
Oct 26, 2020
With Framer Motion, you don’t need to be a CSS expert to make beautiful animations. Framer Motion provides us with production-ready animations and a low-level API we can interact with to integrate these animations into our applications.
Getting Started With Next.js (smashingmagazine.com)
Oct 22, 2020
Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel.
Next.js - The Data Story (dev.to)
Oct 22, 2020
In this post, we'll take the next steps to talk about the data story, how it fits in to the picture, and how to implement various access patterns with and without authentication and authorization.
Throttling data requests with React Hooks (blog.logrocket.com)
Oct 21, 2020
When an application loads data, typically, relatively few HTTP requests are made. For example, if we imagine we’re making a student administration application, then a “view” screen might make a single HTTP request to load that student’s data before displaying it.
React v17.0 (reactjs.org)
Oct 20, 2020
Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post.
How to build a comment system for Gatsby using GitHub Issues (blog.logrocket.com)
Oct 16, 2020
Comment systems play an important role because they enable you to interact with your blog readers. There are paid services such as Commento and Disqus available if you want to add a comment system to your blog, but in this article, you’ll learn how to build a comment system for a Gatsby blog using GitHub Issues.
How to build a Markdown plugin for your Gatsby blog (blog.logrocket.com)
Oct 06, 2020
In this article, you’ll learn how to build a Markdown plugin for your Gatsby blog. As an example, we’ll build a text highlighting plugin so that when it finds a specified syntax that you’ve defined around a text, it processes it into a styled HTML that displays the text as highlighted.
Building Figma plugins with React (blog.logrocket.com)
Oct 06, 2020
This article will cover how to set up a Figma plugin project with webpack to implement the UI using React. The purpose of the plugin will be to generate three random colors and let the user pick one to assign to a selected element in the Figma document.
Accessible components with Reakit (blog.logrocket.com)
Oct 05, 2020
The most common thing in a React application is the reusability of components. We have been using and reusing the same components in different parts of an application and this is one of the most fantastic features that we have in React applications.
React State 5 Ways (dev.to)
Oct 05, 2020
In this post I'm going to walk through how to implement global state management in a React application using the same pattern across 5 of the most popular libraries and APIs using the most modern and up-to-date versions of the libraries.
An Honest Review of Gatsby (cra.mr)
Oct 02, 2020
We decided to adopt Gatsby for Sentry’s customer-facing documentation - well, I should say that I decided. We were already using it successfully for a variety of static marketing content, and I knew it had a lot of hype, so after a brief proof-of-concept it seemed like a safe choice.
Why React Hooks over HOCs (robinwieruch.de)
Oct 01, 2020
I am still an advocate for higher-order components these days, because there composable nature of enhancing components fascinates me. However, there are problems with HOCs which shouldn't be denied and which are entirely solved by React Hooks.
JQuery to React: How we rewrote the HelloSign Editor (dropbox.tech)
Sep 30, 2020
HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc.
Controlled Inputs Using React Hooks (dmitripavlutin.com)
Sep 29, 2020
There are 2 approaches to access the value of an input element in React. In the first approach, named uncontrolled input, you access the value from a reference to the input element. The second approach, which I like because it doesn’t use references, is using a controlled input. Let’s see how to design controlled inputs using React hooks.
Stop Stumbling Around in React Learning Darkness (epicreact.dev)
Sep 28, 2020
Learning can be a lot like stumbling around in the darkness. Except not only is there no illumination to guide you, you're also in someone else's house and their kids are less clean than yours and their dogs are darker and less forgiving than yours.
React Renderers: an Overview (dev.to)
Sep 28, 2020
One of the most advanced features of React is the ability to write renderers for different environments. You can be surprised, but it’s possible to create CLI or Hardware apps using React! In this article, I will look over the most interesting React renderers.
One React mistake that's slowing you down (epicreact.dev)
Sep 25, 2020
One thing that I like about React is that it allows me to write my components like little black boxes of abstraction. I can look at a design and draw lines around the UI elements and I know the components that I'm going to be making.
Myths about useEffect (epicreact.dev)
Sep 24, 2020
I've taught React to tens of thousands of developers. Before and after hooks were released. One thing I've observed is people tend to struggle with the useEffect hook and there are some common hang-ups for them that I'd like to address here.
Diving into the new JSX transform (blog.logrocket.com)
Sep 24, 2020
With React 17, you no longer need to import React in your files to use React. Confused? This article will tell you what you need to know in order to migrate both your code and knowledge to this new way of doing things.
The Complete Guide to Next.js Authentication (dev.to)
Sep 21, 2020
In this guide you will learn how to implement authentication in a Next.js app. I will cover client authentication, authenticated server-rendered pages, authenticated API routes, protected routes, and redirects.