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 `mergeProps` methods

The third parameter, `mergeProps()`, deals with a more special use case that we won’t often encounter. For the sake of completion, though, we’ll briefly explain it.
```js
const mergeProps = (stateProps, dispatchProps, ownProps) => {
  // ...
};
```

The function receives the result of `mapStateToProps` as its first parameter, that of `mapDispatchToProps` as its second, and `ownProps` as its third. The return value is a new object whose properties are also passed via props to the component connected to the store.

The `mergeProps()` parameter can be powerful if you want to dispatch certain actions that depend on data from the state but do not use thunk middleware. It’s also possible to filter the actions based on the state so that a component would not receive a `updateProfile()` action if `state.profile` does not exist (meaning if a user is not logged in). However, such scenarios are usually solved more elegantly on the component level.


Learn how to handle the combining of props that are passed directly to a component.

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

mergeProps

The `mergeProps` methods

mergeProps

The mergeProps methods

The `mergeProps` methods