Skip to content

Instantly share code, notes, and snippets.

View coloredlambda's full-sized avatar
🎯
Focusing

Raaj coloredlambda

🎯
Focusing
50 followers · 22 following
View GitHub Profile
@coloredlambda
coloredlambda / index.html
Created August 23, 2017 08:19
Hello World in React, created on my first day at 8:18 AM
<html>
<head>
<meta charset="utf-8">
<title>React Tutorials</title>
</head>
<body>
<!-- Target Container -->
<div id="react-container"></div>
@coloredlambda
coloredlambda / index.html
Created August 23, 2017 13:48
Code to render data in an array to the DOM
<!DOCTYPE html>
<html>
<head>
<title>Provision</title>
</head>
<body>
<div id='react-container'></div>
<!-- We import the React and ReactDOM library -->
<script src='https://unpkg.com/react@15.4.2/dist/react.js' type="text/javascript"></script>
<script src='https://unpkg.com/react-dom@15.4.2/dist/react-dom.js' type="text/javascript"></script>
@coloredlambda
coloredlambda / index.html
Last active August 23, 2017 19:12
Creating React components using ES6 classes syntax
<!DOCTYPE html>
<html>
<head>
<title>React Example</title>
</head>
<body>
<div id='react-container'></div>
<script src='https://unpkg.com/react@15.4.2/dist/react.js' type="text/javascript"></script>
<script src='https://unpkg.com/react-dom@15.4.2/dist/react-dom.js' type="text/javascript"></script>
<script>
@coloredlambda
coloredlambda / index.html
Created August 24, 2017 11:11
Stateless Functional Components
<!DOCTYPE html>
<html>
<head>
<title>React Example</title>
</head>
<body>
<div id='react-container'></div>
<script src='https://unpkg.com/react@15.4.2/dist/react.js' type="text/javascript"></script>
<script src='https://unpkg.com/react-dom@15.4.2/dist/react-dom.js' type="text/javascript"></script>
<script>
@coloredlambda
coloredlambda / form.jsx
Last active April 3, 2018 07:38
Simple file uploader in react
import React, {Component} from 'react';
import axios from 'axios';
import logo from './logo.svg';
import './App.css';
class App extends Component {
constructor(props){
super(props);
this.state = { file: '' }
}
@coloredlambda
coloredlambda / express.js
Created April 3, 2018 07:39
Simple express boilerplate
const express = require('express');
const bodyParser = require('body-parser');
const multer = require('multer');
const app = express();
app.get('/api', (req, res) => {
res.send('Welcome to our upload server. Have a nice ride')
});
@coloredlambda
coloredlambda / diskStorage.js
Last active April 3, 2018 08:02
Multer Disk Storage Configuration
const storageConfiguration = multer.diskStorage({
destination: (req, file, callback) => {
callback(null, `${__dirname}/upload`);
},
filename: (req, file, callback) => {
let name = `ourFile${path.extname(file.originalname)}`;
callback(null, name);
}
});
@coloredlambda
coloredlambda / multer.js
Created April 3, 2018 08:21
Multer
const express = require('express');
const bodyParser = require('body-parser');
const path = require('path');
const multer = require('multer');
const storageConfiguration = multer.diskStorage({
destination: (req, file, callback) => {
callback(null, `${__dirname}/upload`);
},