KDCinfo

// The following code was extracted from the Redux docs and streamlined into one file
// I only did this to get a simplistic skeleton, so I could see how they all fit together
// ...and just to see that they all could work from one file :)

// http://redux.js.org/docs/basics/ExampleTodoList.html
// [npm: v3.6.0, changelog: #187]

// // // // // // // // // //
// Entry Point
// // // // // // // // // //

KDCinfo

Daily 'From Scratch' React Project

Language / Framework

• React 15.5.4

Attribution

This project derived from: Laracasts: ["Do You React?"]

KDCinfo

Coding Challenge - Fizz Buzz

Language / Framework

• React 15.5.4
• Vanilla JavaScript

Attribution

This project derived from: Programming Challenges: [Fizz Buzz]

KDCinfo

Coding Challenge - Hour Seconds

Language / Framework

• Vanilla JavaScript

Attribution

This project derived from: Programming Challenges: [Convert to Seconds]

KDCinfo

Coding Challenge - Removing Values from Array

Language / Framework

• Vanilla JavaScript

Attribution

This project derived from: Programming Challenges: [Remove False Values From Array]

KDCinfo

Simple React + Router + Redux for RR4

A Small Personal Boilerplate

Sample code within based on Redux Docs

Files / Structure

The two sample components and the initial-state object used herein are only inlined for brevity. CSS is not used/included in this boilerplate.

KDCinfo

import React, { Component } from 'react'
import PropTypes from 'prop-types'

// mock/pretend API
let dogs = [
  { id: '1', name: 'Castor', favoriteToy: 'bone' },
  { id: '2', name: 'Gandalf', favoriteToy: 'Stick' }
]
const API = {
  getDogs () {

KDCinfo

LocalStorage Functions

... Typed with TypeScript
... With Testing Mock-up

In the Wild

GitHub - Done (for now) - Filename used: ./src/utilities/functions.ts

KDCinfo

Convert0101 (JavaScript)

Convert between ASCII (char), ASCII (int), && 8-bit (Byte)

Added: Ability to update the default text being converted.

Code Crux

    /* Convert to ASCII (int) */
 word[idx] = '[' + ltr.charCodeAt().toString() + ']';

KDCinfo

Simon 20 (JavaScript / Responsive)

Demos and Source Code

• CodePen

  • React + TypeScript
  • React
  • JavaScript

• Gists