Michael S – Medium

Nov 10, 2020

Re-Deployment On Firebase

Revise on local & Re-Deployment Using the following way until I find out better way. Overview revise codes on local > build > check out > git push > firebase deploy Detail build npm run build serve -s build git push git add . git commit -m "10Nov" git push origin master firebase deploy firebase login firebase init …

Deployment

1 min read

Deployment

1 min read

Jul 15, 2019

Better Way To Use MOOC(for me)

MOOC(Massive Open Online Course) 1. Timing Bad timing to take a course Learning with MOOC without trial of reading documents and confronting projects by yourself (You don’t know what is difficult for you to understand and what you are missing. You just passively listen to their lecture.) => Plus you could think yourself to know and understand what…

Programming

2 min read

Programming

2 min read

May 22, 2019

Public Documents

Want to be capable of solving problems only through public documents When I confront new languages, frameworks, libraries, I tried to read public documents(public documents here mean documentation pages made and operated by makers group, companies and organizations), however documents were always not enough for me to solve problems. The…

Progarmming

1 min read

Progarmming

1 min read

Apr 20, 2019

ECMA2015/ES6 With React, Redux(1)

ES6 With React, Redux Destructuring Assignment 1. Destructuring Props(1) — ES6 When destructuring props with react component Example 1 Before : const foo = (props) => { ... return <div>{props.foo}</div> } After : const Foo = ({foo}) => { ... return <div>{foo}</div> } Example 2 Before : const profileUpdate = (profileData) => { const { name, age, nationality, location } = profileData; // do something with these variables };

JavaScript

1 min read

JavaScript

1 min read

Feb 18, 2019

“Undefined” In Javascript

“undefined” through example with a simple function Simple example when a function parameter is recognized as “undefined” in JS. Function function undefinedOrNot(value) { if (value === undefined) { return 'error'; } else { return value; } } Input undefined undefinedOrNot(undefined) // "error" 2. Input no parameter undefinedOrNot() // "error" 3. Input a string parameter ensure("I am string") // "I am string"

JavaScript

1 min read

JavaScript

1 min read

Jan 23, 2019

After Using Redux-Thunk

Before using Redux-Thunk & After using Redux-Thunk Before : Action creators must return plain JS objects with a type of property By the time our action gets to a reducer, we won’t have fetched our data! Logic below is breaking a rule of redux : Actions must be plain objects src/actions/index.js export…

Redux Thunk

2 min read

Redux Thunk

2 min read

Jan 16, 2019

Navigation with react-router-dom

A example of navigation with react-router-dom Here gives you much better explanation. React Router: Declarative Routing for React Learn once, Route Anywherereacttraining.com Intall react-router-dom yarn add react-router-dom 2. Import BrowserRouter, Route, Link components from react-router-dom import { BrowserRouter, Route, Link } from 'react-router-dom' BrowserRouter : A <Router> that uses the HTML5 history API (pushState, replaceState and the popstate event) to…

React

1 min read

React

1 min read

Jan 12, 2019

Memoize User Data With Lodash

An example of Memoizing in React-Redux Before Memoizing : There are 100 posts executing each fetch action to get user table. Fetch actions are executed even in case there are already fetched user data. We use me memoize function in lodash to stop unnecessary fetch. src/actions/index.js import _ from 'lodash'; import jsonPlaceholder from '../apis/jsonPlaceholder'; …

Redux

2 min read

Redux

2 min read

Jan 9, 2019

Destructuring Out On Parameters Of Function

An example of destructuring When I saw this kind of shape below on parameter of function for the first time, it was hard to guess what it means. It meant to cut down a length of code from ‘props.song’ to ‘song’ by not using ‘props’. function foo({song}) { ... } Before : …

React

1 min read

React

1 min read

Jan 8, 2019

The Way To Get Semantic UI

Way to insert semantic UI in html as cdn It is repetitive process, therefore I wrapped it up. Write ‘semantic ui cdn’ on google search box. Get into https://cdnjs.com/libraries/semantic-ui 2.CTRL + F => semantic.min.css 3. Get a url https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css 4. ‘public’ directory => index.html => <head></head> (When we installed React-app) <!DOCTYPE html>

JavaScript

1 min read

JavaScript

1 min read