Open in app

Sign In

Write

Sign In

Kyle Poole
Kyle Poole

233 Followers

Home

About

Published in

Chronstruct

·Oct 19, 2018

Introducing |Read|

Read - Between the Lines is an Android app that helps people increase their reading speed and efficiency by using their peripheral vision…

Reading

3 min read

Introducing |Read|
Introducing |Read|
Reading

3 min read


Jun 28, 2017

The Case for <Row> (and <Col>)

React Native’s base set of components are amazing! <View> enforcing flexbox and defaulting to {flexDirection: 'column', position: 'relative'}? So smart. It is such a successful set of components and constraints that web developers (like me) are bringing them to the web. …

React Native

3 min read

React Native

3 min read


Jun 27, 2017

All About refs

ref is one of two special props in React — the other being key — because it isn't really a prop. Instead of being passed in to the associated component as a this.props.ref, …

React

4 min read

All About refs
All About refs
React

4 min read


Jun 26, 2017

A Standard and Naming Convention for Immutable Components

An “Immutable Component” is a component that, after rendering once, can not re-render (i.e. it has shouldComponentUpdate() { return false }). See this writeup if you’d like more information on shouldComponentUpdate() When Are Immutable Components Useful? Many of your components will need to live and respond to prop or state updates, but there are also…

React

2 min read

A Standard and Naming Convention for Immutable Components
A Standard and Naming Convention for Immutable Components
React

2 min read


Jun 22, 2017

All about React’s cloneElement()

React.cloneElement() allows us to clone a runtime element (not the class), and apply an enhancement to it. The code above renders a div with the onPress wired up. It is a contrived example, as a we can just pass in an onPress directly to the div, but what if…

React

3 min read

React

3 min read


Jun 20, 2017

A Naming Convention for Null Components

A “Null Component” is a component that returns null, and likely uses lifecycle hooks to make side effects. (I got the name from this oooold issue) Can You Spot Them? Can you tell me which of these components renders nothing? I can’t either. I need prior knowledge of the components, or I…

JavaScript

2 min read

A Naming Convention for Null Components
A Naming Convention for Null Components
JavaScript

2 min read


Jun 14, 2017

What is a HOC?

“A Higher-Order Component” What does that mean? “Well, if a higher-order function is a function that takes a function and returns a new function as the result, then a higher-order component must be a component that takes a component and returns a new component as the result, right?” That is…

React

2 min read

What is a HOC?
What is a HOC?
React

2 min read


Jun 13, 2017

All about React’s shouldComponentUpdate()

TL;DR more like shouldComponentRerender() never PureComponent a component with children See this link for an always-current, potentially more dev-friendly read. A brief introduction By default, when a component changes and re-renders, all components in its render() are also re-rendered, and their subcomponents are re-rendered, and so on, all the way down. …

React

4 min read

React

4 min read


May 22, 2017

A Naming Convention for Injector Components

What is an “injector component”? An injector component takes props, optionally computes new ones, then injects them into its child via React.cloneElement(). Crucially, it also does not add any new components to the DOM. It only exists in React's virtual DOM. When Are Injector Components Useful? In the prototyping framework, constelation, we use a LOT of injector components to…

JavaScript

2 min read

A Naming Convention for Injector Components
A Naming Convention for Injector Components
JavaScript

2 min read


May 15, 2017

You Can Spread Props In JSX, But Should You?

When I first learned about spreading props in JSX, I was thrilled! It is just so convenient to pass props with <MyComponent {...this.props} />, and override props defined after the spread, like <MyComponent {...this.props} text='override text prop' />. I knew it made for a great developer experience, but I always…

React

2 min read

React

2 min read

Kyle Poole

Kyle Poole

233 Followers

Full stack web and mobile developer at Chronstruct.com

Following
  • Jonathan Stark

    Jonathan Stark

  • Thomas Ricouard

    Thomas Ricouard

  • Muzli

    Muzli

  • Khoa Pham

    Khoa Pham

  • Jean Mainguy

    Jean Mainguy

See all (147)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams