markerikson

Learn with Jason, 2024-01-04: What's New in Redux Toolkit 2.0?

• Migration Guides
  • Migrating to RTK 2.0
  • Migrating to Modern Redux
  • Setup with Next.js
• Release Notes
  • RTK: https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0
  • Redux core: https://github.com/reduxjs/redux/releases/tag/v5.0.0
• Yes, createStore is still deprecated! https://redux.js.org/usage/migrations/migrating-rtk-2#createstore-deprecation

markerikson

Learn with Jason, 2023-06-08: Redux in 2023

Topics:

• Changes to Redux / RTK since 2021
  • Redux core:
    • v4.1: better error messages
    • v4.2: deprecated createStore to encourage RTK usage
  • React-Redux
• v8.0: useSyncExternalStore, TS

markerikson

RTK ESM/TS Discussion

Attendees:

• Nathan Bierema
• Mateusz Burzynski
• Mark Erikson

Notes

• Mateusz: what do you want besides "ship widely compat code?" What preferences?

markerikson

React Data Fetching Library Summit - 2023-02-16

Attendees

• Lenz Weber-Tronic
• Dominik Dorfmeister
• Fredrik Hoglund
• Jerel Miller
• Alessia Bellisario
• Andrew Clark

markerikson

Questions

Company

• company location / remote?
• what project management method?
• good and bad company culture?
• performance reviews?
• what's the path to profitability?

markerikson

// omit imports and stuff

// Using Next 11.1

module.exports = withPlugins(
  [
    withBundleAnalyzer({
      enabled: process.env.ANALYZE === 'true'
    })
  ],

markerikson

import React from 'react';

import Jumbotron from 'react-bootstrap/Jumbotron';
import Alert from 'react-bootstrap/Alert';
import Button from 'react-bootstrap/Button';

import { FallbackProps } from 'react-error-boundary';


interface AEFProps extends FallbackProps {

markerikson

// Example of using multiple / nested `createEntityAdapter` calls within a single Redux Toolkit slice

interface Message {
  id: string;
  roomId: string;
  text: string;
  timestamp: string;
  username: string;
}

markerikson

• Double-checking whether window exists in React Native:

react native window global

• Finding the giant "useLayoutEffect warnings" thread:

react uselayouteffect ssr

markerikson

[12:14 AM] acreddy : are hooks value stored in fiber?

[10:40 AM] ghardin137 : not really

[10:50 AM] acemarke : @acreddy, @ghardin137 : yes they are, actually.

A "fiber" is a plain JS object that React uses to store bookkeeping information on each rendered component in the tree. The linked list of hooks is indeed stored as a field on the fiber for that component