Skip to content

Instantly share code, notes, and snippets.

View 01Clarian's full-sized avatar

Clarian 01Clarian

484 followers · 22 following
  • NFTuity
  • New York
View GitHub Profile
@01Clarian
01Clarian / App.js
Created January 12, 2020 17:24
Parent Application that takes weather component basic data and counter click
import React,{useState} from 'react';
import Weather from './Weather'
import './App.css';
function App() {
const [counter, setCounter] = useState(0)
const [weather] = useState({city:'Miami', temperature:'80F'})
return (
<div className="App">
<Weather weather={weather} />
@01Clarian
01Clarian / Weather.js
Created January 12, 2020 17:16
Component that Display Weather
import React from 'react'
const Weather = ({weather}) => {
return (
<div>
<p>{weather.city}</p>
<p>{weather.temperature}</p>
{console.log('Render')}
</div>
)
@01Clarian
01Clarian / Inclusive Array Recursion Function
Created January 6, 2020 13:33
index.js
function inclusiveArrayParamRecursive(startVal, endVal) {
if(startVal >= endVal) {
return [startVal]
} else {
const arr = inclusiveArrayParamRecursive(startVal, endVal - 1)
arr.push(endVal)
return arr
}
}
@01Clarian
01Clarian / Iterative Solution For Inclusive Array parm
Created January 6, 2020 02:11
index.js
function inclusiveArrayParam(startVal, endVal) {
const arr = []
for(let i = startVal; i <= endVal; i++) {
arr.push(i)
}
return arr
}
console.log('iterative inclusive array solution: ', inclusiveArrayParam(2, 6))
@01Clarian
01Clarian / index.js
Created December 16, 2019 15:07
Final Conversion Kelvin Currying Example Code
//grabbing the dom ids:
const convertKelvin = document.querySelector('#convertKelvin')
const results = document.querySelector('#results')
const kelvinNumber = document.getElementById('kelvinNumber')
convertKelvin.onclick = () => {
console.log('test')
//convertKelvinReg(300)
const currier = convertKelvinCurried(kelvinNumber.value)()
currier
@01Clarian
01Clarian / index.js
Created December 16, 2019 15:07
FInal Currying Kelvin Conversion Example Code
//grabbing the dom ids:
const convertKelvin = document.querySelector('#convertKelvin')
const results = document.querySelector('#results')
const kelvinNumber = document.getElementById('kelvinNumber')
convertKelvin.onclick = () => {
console.log('test')
//convertKelvinReg(300)
const currier = convertKelvinCurried(kelvinNumber.value)()
currier
@01Clarian
01Clarian / index.js
Created December 16, 2019 14:56
Kelvin Conversion Function with Hardcoded Kelvin Argument
//grabbing the dom ids:
const convertKelvin = document.querySelector('#convertKelvin')
const results = document.querySelector('#results')
const kelvinNumber = document.getElementById('kelvinNumber')
convertKelvin.onclick = () => {
console.log('test')
convertKelvinReg(300)
}
@01Clarian
01Clarian / index.js
Created December 16, 2019 14:41
Hooking Up To The DOM and Selectors
//grabbing the dom ids:
const convertKelvin = document.querySelector('#convertKelvin')
const results = document.querySelector('#results')
const kelvinNumber = document.getElementById('kelvinNumber')
convertKelvin.onclick = () => {
console.log('test')
}
@01Clarian
01Clarian / index.html
Created December 16, 2019 14:28
Converter Kelvin to Fahrenheit Example HTML
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Currying Example</title>
</head>
<body>
<div id="DOM">
@01Clarian
01Clarian / productsContainer.js
Created December 10, 2019 18:28
Switching products data from Redux to Context Api
import React,{useContext} from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { addToCart } from '../actions'
import { getVisibleProducts } from '../reducers/products'
import ProductItem from '../components/ProductItem'
import ProductsList from '../components/ProductsList'
import {ProductsContext} from '../provider/products.provider'
const ProductsContainer = ({ addToCart }) => {