Gain insights into React from basics to advanced, explore its ecosystem, and delve into best practices and the latest straightforward methods for efficient use.

React Deep Dive by Manuel Bieh & Sibylle Lancaster_468 x 60.png

data.tar.gz

reactdeepdive

reactdeepdiveportal

reactdeepdiveflow

ReactDeepDiveNodeAPI

ReactDeepDiveNodeAPI_Portal

The primary goal of this course is to give you an excellent introduction to React and its ecosystem, tackle advanced features, and teach you as many best practices as possible. Furthermore, this course digs deeper into the most popular, latest, and straight forward ways to use React.

React Deep Dive: From Beginner to Advanced

# The `options` parameter

If you actually want to use the fourth (`options`) parameter of the `connect()` method, you should really know what you're doing. Redux is optimized to only ever really need these options in very rare edge cases. For example, you can define your own context for Redux to use or define functions that compare whether a component needs to be  re-rendered or not. This list is a complete summary of the options available:

```js
{
  context: Object,
  pure: boolean,
  areStatesEqual: Function,
  areOwnPropsEqual: Function,
  areStatePropsEqual: Function,
  areMergedPropsEqual: Function,
  forwardRef: boolean,
}
```

If you feel like you might need these options (Spoiler alert: in most cases, the answer is "No, you don't need these"), you should check out the [official documentation](https://react-redux.js.org/api/connect#options-object).

Learn how to modify the behavior of the connect() function.

Introduction

Introduction to ES2015+

JSX – an Introduction

Rendering of Elements and Components in React

State and Lifecycle Methods

Event Handling

Forms

Lists, Fragments, and Conditional Rendering

CSS and Styling

Higher Order Components

Functions as a Child and Render Props

Context API

Refs

Error Boundaries

Portals

Code Splitting

Typechecking with PropTypes, Flow, and TypeScript

React Hooks – an Introduction

Hooks in Action

The Hooks API

Routing in React

State Management

Internationalization

Conclusion

Appendix

Fourth Parameter for connect()

The `options` parameter

Fourth Parameter for connect()

The options parameter

The `options` parameter