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 / index.js
Created December 10, 2019 18:02
Wrapping the Products Provider around the Application
import React from 'react'
import { render } from 'react-dom'
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import { createLogger } from 'redux-logger'
import thunk from 'redux-thunk'
import reducer from './reducers'
import { getAllProducts } from './actions'
import App from './containers/App'
import ProductsProvider from './provider/products.provider'
@01Clarian
01Clarian / productsContainer.js
Created December 10, 2019 18:06
Bringing in test string from products provider to test the provider
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 = ({ products, addToCart }) => {
@01Clarian
01Clarian / products.provider.js
Created December 10, 2019 18:22
Migrating Products Data to Context API from Redux
import React,{createContext, useState, useEffect} from 'react'
import shop from '../api/shop'
export const ProductsContext = createContext({
test: '',
products: []
})
const ProductsProvider = ({children}) => {
const [test] = useState('the products provider has been successfully connected :)')
@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 }) => {
@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 / 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.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 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 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 / 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))