vcapretz

Latency Comparison Numbers (~2012)
----------------------------------
L1 cache reference                           0.5 ns
Branch mispredict                            5   ns
L2 cache reference                           7   ns                      14x L1 cache
Mutex lock/unlock                           25   ns
Main memory reference                      100   ns                      20x L2 cache, 200x L1 cache
Compress 1K bytes with Zippy             3,000   ns        3 us
Send 1K bytes over 1 Gbps network       10,000   ns       10 us
Read 4K randomly from SSD*             150,000   ns      150 us          ~1GB/sec SSD

vcapretz

beforeEach(() => {
  Mockdate.set('2021-06-27T21:32:09.419Z');
});

afterEach(() => {
  Mockdate.reset();
});

vcapretz

import React from "react";
import Animated, {
  useSharedValue,
  withSpring,
  useAnimatedStyle,
  Extrapolate,
  interpolate,
} from "react-native-reanimated";
import { Pressable, View, Button, StyleSheet } from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";

vcapretz

import React, { useState, useEffect } from "react";
import { AccessibilityInfo, View, Text } from "react-native";
import Animated from "react-native-reanimated";

const { block, cond, eq, useCode } = Animated;

const App = () => {
  const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false);

  useEffect(() => {

vcapretz

// todos.js 
import { createSlice } from '@reduxjs/toolkit'

const todosSlice = createSlice({
  name: 'todos',
  initialState: [], 
  reducers: {
    addTodo(state, action) {
      const { id, text } = action.payload
      state.push({ id, text, completed: false })

vcapretz

import { createSlice, configureStore } from '@reduxjs/toolkit'

const todosSlice = createSlice({
  name: 'todos',
  initialState: [], 
  reducers: {
    addTodo(state, action) {
      const { id, text } = action.payload
      state.push({ id, text, completed: false })
    },

vcapretz

import { createStore, combineReducers } from 'redux'
import { authentication, todos } from './reducers'

const rootReducer = combineReducers({
  authentication,
  todos
})

const store = createStore(rootReducer)

vcapretz

import { createAction, createReducer, configureStore } from '@reduxjs/toolkit'

const addTodo = createAction('ADD_TODO')
const toggleTodo = createAction('TOGGLE_TODO')

const todos = createReducer([], {
  [addTodo]: (state, action) => {
    const todo = action.payload
    return [...state, todo]
  },

vcapretz

import { createAction, createReducer, configureStore } from '@reduxjs/toolkit'

const addTodo = createAction('ADD_TODO')
const toggleTodo = createAction('TOGGLE_TODO')

const todos = createReducer([], {
  [addTodo]: (state, action) => {
    const { id, text } = action.payload
    state.push({ id, text, completed: false })
  },

vcapretz

import { createAction, createReducer, configureStore } from '@reduxjs/toolkit'

const increment = createAction('INCREMENT')
const decrement = createAction('DECREMENT')

const counter = createReducer(0, {
  [increment]: state => state + 1,
  [decrement]: state => state - 1
})