Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
react props

10 Articles
{
,

}
Direct link to the article Two Lessons I Learned From Making React Components
design systems react react props

Two Lessons I Learned From Making React Components

Here’s a couple of lessons I’ve learned about how not to build React components. These are things I’ve come across over the past couple of months and thought they might be of interest to you if you’re working on a …

Avatar of Robin Rendle
Robin Rendle on Dec 18, 2019
Direct link to the article React 16.6.0 Goodies
beginning react error boundary react context react props

React 16.6.0 Goodies

React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the best of those new goodies with examples of how we can …

Avatar of Kingsley Silas
Kingsley Silas on Jan 23, 2019
Direct link to the article An Overview of Render Props in React
beginning react react react props

An Overview of Render Props in React

An Overview of Render Props in React

Using render props in React is a technique for efficiently re-using code. According to the React documentation, “a component with a render prop takes a function that returns a React element and …

Avatar of Kingsley Silas
Kingsley Silas on Nov 16, 2018
Direct link to the article Understanding React Render Props and HOC
higher-order components react react props

Understanding React Render Props and HOC

Direct Link

Here’s a great post by Aditya Agarwal on the difference between render props and higher-order components in React. I particularly like the demo he chose to explain the two. But, to summarize:

Higher-order components (HOCs) take a component and return …

Avatar of Robin Rendle
Shared by Robin Rendle on Nov 1, 2018 (Updated on Nov 18, 2018)
Direct link to the article Props and PropTypes in React
beginning react react react props

Props and PropTypes in React

React encourages developers to build by breaking a UI up into components. This means there will always be a need to pass data from one component to another — more specifically, from parent to child component — since we’re …

Avatar of Kingsley Silas
Kingsley Silas on Aug 31, 2018
Direct link to the article Digging Into React Context
react react context react props

Digging Into React Context

You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely …

Avatar of Kingsley Silas
Kingsley Silas on Jun 11, 2018
Direct link to the article What are Higher-Order Components in React?
react react props

What are Higher-Order Components in React?

If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here …

Avatar of Kingsley Silas
Kingsley Silas on Apr 19, 2018
Direct link to the article Putting Things in Context With React
react react props

Putting Things in Context With React

Context is currently an experimental API for React – but soon to be a first class citizen! There are a lot of reasons it is interesting but perhaps the most is that it allows for parent components to pass …

Avatar of Neal Fennimore
Neal Fennimore on Mar 21, 2018 (Updated on Mar 27, 2018)
React Logo on the left and am animated traffic light on the right
Direct link to the article React State From the Ground Up
react react props state management

React State From the Ground Up

As you begin to learn React, you will be faced with understanding what state is. State is hugely important in React, and perhaps a big reason you’ve looked into using React in the first place. Let’s take a stab at …

Avatar of Kingsley Silas
Kingsley Silas on Mar 19, 2018 (Updated on Apr 3, 2018)
beginning react practical react react react keys react props react refs

I Learned How to be Productive in React in a Week and You Can, Too

This article is not intended for seasoned React pros, but rather, those of us who make websites for a living and are curious how React can help us reason about updating user interfaces. I’ve been intrigued by React for some …

Avatar of Sarah Drasner
Sarah Drasner on Feb 8, 2016 (Updated on Jun 7, 2017)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top