Skip to content

Instantly share code, notes, and snippets.

View funador's full-sized avatar

Jesse Heaslip funador

117 followers · 19 following
View GitHub Profile
@funador
funador / react-style-jquery-api.js
Last active January 21, 2019 15:34
const api = (() => {
const url = `${window.location.origin}/api`
const addTodo = todo =>
axios.post(url, todo)
.then(res => res.data)
const deleteTodo = id =>
axios.delete(`${url}/${id}`)
@funador
funador / react-style-jquery-handlers.js
Last active January 21, 2019 04:46
const handlers = (() => {
const _toast = message => {
Materialize.toast(message, 1500, 'rounded')
}
const _updateApi = (update, id) => {
api.updateTodo(update, id)
.then(updatedTodo => {
const originalTodo = store.findById(id)
@funador
funador / react-style-jquery-listeners.js
Created January 20, 2019 19:43
const attachListeners = () => {
$('#add-todo').submit(handlers.addHandler)
$('.collection').on('click', '.delete', handlers.deleteHandler)
$('.collection').on('click', '.save', handlers.updateTextHandler)
$('.collection').on('submit', 'form', handlers.updateTextHandler)
$('.collection').on('click', '.edit', handlers.editTextHandler)
$('.collection').on('click', '.done', handlers.updateDoneHandler)
}
@funador
funador / react-style-jquery-app.js
Created January 20, 2019 19:42
$(() => {
render.dom()
attachListeners()
api.getTodos()
.then(todos => {
store.addTodosOnLoad(todos)
render.todos()
})
})
@funador
funador / react-style-jquery-index.html
Last active January 21, 2019 15:32
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='UTF-8'>
<title>State Management with jQuery</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css'>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
<link rel='stylesheet' href='style.css'>
</head>
<body>
@funador
funador / react-style-jquery-controller.js
Created January 20, 2019 19:17
const Todo = require('./model')
exports.addTodo = (req, res) => {
Todo
.create(req.body)
.then(todo => {
res.json(todo)
})
}
@funador
funador / react-style-jquery-router.js
Created January 20, 2019 19:15
const router = require('express').Router()
const controllers = require('./controller')
router.get('/', controllers.getTodos)
router.post('/', controllers.addTodo)
router.delete('/:id', controllers.deleteTodo)
router.put('/:id', controllers.updateTodo)
module.exports = router
@funador
funador / react-style-jquery-model.js
Created January 20, 2019 19:11
const mongoose = require('mongoose')
mongoose.Promise = global.Promise
const TodoSchema = new mongoose.Schema({
text: {
type: String,
required: 'please provide some text for your todo'
},
done: {
type: String,
@funador
funador / react-style-jquery-server.js
Created January 20, 2019 19:01
require('dotenv').config()
const express = require('express')
const mongoose = require('mongoose')
const path = require('path')
const app = express()
const todoRouter = require('./todo/router')
// set public folder
app.use(express.static('public'))
@funador
funador / Spinner.js
Created January 13, 2019 06:24
<div>hello</div>