yeenab

Multi Image Upload Using Remix/React

A walkthrough of client side uploading of multiple images in React/Remix.

Check demo

Code

Sample Code

Introduction

yeenab

Inspired by John Long's uao script.

Using Python 3

yeenab

{"lastUpload":"2019-05-22T13:03:28.310Z","extensionVersion":"v3.2.9"}

yeenab

Javascript topics that might interest you in 2019

• Javascript fundamentals
• Typescript or static type checking
• GraphQL, a better REST
• React Hooks Api
• TensorflowJS
• A guide to version control (Git)
• React’s lifecycle methods and context API
• An understanding to server side rendering (Next.js)

yeenab

# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH

# Path to your oh-my-zsh installation.
export ZSH="/Users/jeanabayo/.oh-my-zsh"

# Set name of the theme to load --- if set to "random", it will
# load a random theme each time oh-my-zsh is loaded, in which case,
# to know which specific one was loaded, run: echo $RANDOM_THEME
# See https://github.com/robbyrussell/oh-my-zsh/wiki/Themes

yeenab

import React from "react";
import ReactDOM from "react-dom";
import { ApolloClient } from "apollo-client";
import { ApolloProvider, Query } from "react-apollo";
import { HttpLink } from "apollo-link-http";
import { InMemoryCache } from "apollo-cache-inmemory";
import gql from "graphql-tag";
import registerServiceWorker from "./registerServiceWorker";

const client = new ApolloClient({

yeenab

import React, { Component } from "react";

// For Routing
import { Switch, Route } from "react-router-dom";

import { Provider } from "react-redux";
import { ConnectedRouter as Router } from "react-router-redux";
import configureStore from "./instance/configureStore";
import { PersistGate } from "redux-persist/lib/integration/react";