Skip to content

Instantly share code, notes, and snippets.

View asleepysamurai's full-sized avatar

Balaganesh Damodaran asleepysamurai

View GitHub Profile
@asleepysamurai
asleepysamurai / TodoItem.js
Created March 9, 2019 05:39
TodoItem useState
/**
* TodoItem Component
*/
import React, { useState, useCallback } from 'react';
function TodoItem({
id,
text,
toggleItemCompleted,
@asleepysamurai
asleepysamurai / TodoItem.js
Created March 9, 2019 05:39
TodoItem getDerivedStateFromProps
/**
* TodoItem Component
*/
import React, { useState, useCallback } from 'react';
function TodoItem({
id,
text,
toggleItemCompleted,
@asleepysamurai
asleepysamurai / useReducerSig.js
Created March 9, 2019 05:40
useReducer Signature
const [state, dispatch] = useReducer(reducerFunction, initialState, stateInitializerFunction);
@asleepysamurai
asleepysamurai / TodoContainer.js
Created March 9, 2019 05:40
TodoContainer useReducer
/**
* Todo Root Container Component
*/
import React, { useReducer, useCallback } from 'react';
import TodoItem from './TodoItem';
import TodoInput from './TodoInput';
const generateID = () => {
return Date.now().toString(36) + '-' + (Math.random() + 1).toString(36).substring(7);
@asleepysamurai
asleepysamurai / useEffectSig.js
Created March 9, 2019 05:41
useEffect Signature
useEffect(enqueuedActionFunction);
@asleepysamurai
asleepysamurai / TodoContainer.js
Created March 9, 2019 05:42
TodoContainer useEffect
/**
* Todo Root Container Component
*/
import React, { useReducer, useCallback, useEffect } from 'react';
import TodoItem from './TodoItem';
import TodoInput from './TodoInput';
const generateID = () => {
return Date.now().toString(36) + '-' + (Math.random() + 1).toString(36).substring(7);
@asleepysamurai
asleepysamurai / TodoContainer.js
Created March 9, 2019 05:43
TodoContainer Function Component
/**
* Todo Root Container Component
*/
import React, { useReducer, useCallback, useEffect } from 'react';
import TodoItem from './TodoItem';
import TodoInput from './TodoInput';
const generateID = () => {
return Date.now().toString(36) + '-' + (Math.random() + 1).toString(36).substring(7);