Skip to content

Instantly share code, notes, and snippets.

View andrit's full-sized avatar

Andrew Ritter andrit

18 followers · 45 following
View GitHub Profile
@andrit
andrit / POST-CORS-QueryParamsinBody.md
Created September 17, 2018 17:25 
postData = (url = '', data = {}, fetchmethod = 'POST', fetchmode) => {
        const esc = encodeURIComponent;
        var query = Object.keys(data)
                    .map(k => esc(k)+ '=' + esc(data[k]))
                    .join('&');
        return fetch(url, {
            method: fetchmethod, // *GET, POST, PUT, DELETE, etc.
            mode: fetchmode, // no-cors, cors, *same-origin
 cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
@andrit
andrit / conditionalRenderingReactSwitch.md
Created September 17, 2018 14:06
using a switch in a custom method in react to do conditionalrender 
renderSectionOnState = () =>{
     switch(this.state.activeSection){
      case 'introsection':
        return <IntroScreen 
                  handleSwitchSection={this.handleSwitchSection} 
                  activeSection={this.state.activeSection} />
      break;
      case 'basicinfosection':
 return
@andrit
andrit / updateFormFieldsReact.md
Last active October 3, 2018 13:49 
updateFieldValue = e => {
        this.setState({
            [e.target.name]: e.target.value
        });
    };
If nested:
@andrit
andrit / asyncawaitnode10Example.md
Created August 31, 2018 14:54
copied from https://blog.sourcerer.io/why-is-a-java-guy-so-excited-about-node-js-and-javascript-7cfc423efb44 
const fs = require(‘fs’).promises;
async function cat(filenmz) {
  for (var filenm of filenmz) {
    let data = await fs.readFile(filenm, ‘utf8’);
    await new Promise((resolve, reject) => {
      process.stdout.write(data, ‘utf8’, (err) => {
        if (err) reject(err);
        else resolve();
 });
@andrit
andrit / customObjectIterator.md
Last active August 11, 2018 19:48
define a custom default @@iterator for an object and access with ES6 for...of 
var myObj = {
  a:2,
  b:3
}

Object.defineProperty( myObj, Symbol.iterator, {
  enumerable: false,
  writable: false,
  configurable: true,
@andrit
andrit / reactHOC1.md
Created August 10, 2018 20:40 
const withAmount = currencyComponents =>
  class Amount extends Component {
    constructor(props) {
      super(props);

      this.state = {
        amount: 0,
      };
    }
@andrit
andrit / create-react-boilerplate-motion.sh
Last active August 9, 2018 14:14
git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git myapp
cd myapp
npm run setup
npm run clean
npm install
npm i react-motion
@andrit
andrit / create-cruv-app.sh
Created August 9, 2018 14:12
create-react-app myapp
cd myapp/src
mkdir containers routes utils views
touch config.js contexts.js
mv App.* routes
sed -i '' -e 's/.\/App/.\/routes\/App/g' index.js
@andrit
andrit / maxCharJS.md
Created August 8, 2018 00:52 
function maxChar(str) {
  const charMap = {};
  let max = 0;
  let maxChar = '';

  for (let char of str) {
    if (charMap[char]) {
 charMap[char]++;
@andrit
andrit / chunkjs.md
Created August 8, 2018 00:51 
function chunk(array, size) {
  const chunked = [];
  let index = 0;

  while (index < array.length) {
    chunked.push(array.slice(index, index + size));
    index += size;
  }