Skip to content

Instantly share code, notes, and snippets.

@elijahmanor

elijahmanor/readme.md Secret

Last active February 3, 2019 02:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save elijahmanor/00b72bbff1b0dfb02f3160e46daca585 to your computer and use it in GitHub Desktop.
Save elijahmanor/00b72bbff1b0dfb02f3160e46daca585 to your computer and use it in GitHub Desktop.
Download ZIP
React Patterns and Practices
Raw
readme.md

React Patterns and Practices

Title

React Patterns and Practices

or

Beyond the React Basics

or

Build a Large Web App with React

Description (unpublished notes)

This talk is meant for developers who have a basic understanding of React and Flux. They should be able to create a basic React component. I build off of these basics concepts and proceed to more intermediate and advanced considerations.

Takeaway for the Audience

The take aways are concrete patterns and practices that a React developer can hopefully introduce into their own applications.

Short Description

Now that you have a basic understanding of React, let's push forward and explore some more advanced topics. We'll cover subjects such as Container vs Presentational Components. We'll talk about sharing code High Order Components, Function as Children, or Custom Hooks. We'll dive into identifying performance concerns, leveraging immutability, testing your components, and creating a pattern library.

Abstract

Getting started with React doesn't take very long, but there are a variety of other patterns and practices that you, as a developer, will need to understand and tackle as you use React more and more.

After this session you will be exposed to the following concepts that are helpful when creating a large front-end React application:

  • Knowing the difference between Container and Presentational Components
  • Stateless Functional Components
  • Sharing logic via High Order Components, Function as Children, or Custom Hooks
  • Assessing Performance Bottlenecks
  • Integrating Immutability into your Application
  • Creating a Pattern Library
  • Unit Testing React Components

Bio

Resources:

  1. Container vs Presentational Components
  2. Flux
  3. High Order Components
  4. Function as Children
  5. Performance Concerns
  6. Immutability
  7. Unit Testing
  8. React Pattern Library

https://github.com/vasanthk/react-bits https://github.com/chantastic/reactpatterns.com

Additional Topics:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment