nguyentu9

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    if (fn(obj[key])) {

nguyentu9

SCSS

• Website: http://sass-lang.com/
• Docs: http://sass-lang.com/guide
• Tutorial: https://www.codecademy.com/learn/learn-sass

Global Setup

Install on OS X: sudo gem install sass

CLI Usage

Version info: sass -v

nguyentu9

import React, { useMemo, useState, useEffect } from "react";
import { render } from "react-dom";

function useAsync() {
  return useMemo(() => {
    let controller;
    const start = (url, options, update) => {
      // sử dụng AbortController để thông báo với fetch rằng chúng ta muốn cancel 1 request
      controller = new AbortController();
      const signal = controller.signal;

nguyentu9

Async action là gì?

• Async => bất đồng bộ?, Action => hành động?
• là một action trong trạng thái chưa sẵn sàng thực thi ví dụ Fetch API request lên server

Tại sao cần Middleware khi sử dụng Async action?

• React không hỗ trợ async action => cần 1 middleware trung gian điều phối việc nhận kết quả fetch trả về từ api rồi khi nào mới được dispatch => đảm bảo không bị lỗi chương trình react

Middleware là gì?

• khác với middleware ở server

nguyentu9

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,

nguyentu9

Hướng dẫn tự học Wordpress

Day 1

Mục tiêu

Hiểu các khái niệm cơ bản của Wordpress

Công việc

• Setup XAMPP
• Download bản cài wordpress từ wordpress.org về
• Giải nén vào thư mục htdocs của XAMPP, đổi tên folder thành demo-wordpress hay cái gì đó cũng được

nguyentu9

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;

nguyentu9

Pagination

To paginate a page, a general algorithm needs to be followed. Also, you should have the following variables in place:

• Total items availabe or Items count (It can be a list of patients, books, etc coming from the database)
• Number of items to display per page or Page size
• Page count or number of pagination buttons to be rendered (**NB:**This needs to be calculated)

Calculation:

nguyentu9

Firebase

Set up firebase and Deploy

• Head over to firebase. Sign in and create a project.

• Copy your project settings under Firebase SDK snippet into your local project (ie your project's api key, auth domain, databaseURL, etc)

• Create a file (firebase.js or config.js Any name that suits you is fine)

nguyentu9

    There is no way to store an empty object/array/null value.
    There are also no actual arrays.  Array values get stored as objects with integer keys.
        (If all keys are integers, it will be returned as an array.)

    Basically, it's one giant tree of hashes with string keys.
    Simply write a value to any location, and the intermediary locations will automatically come into existance.

 ── Classes ──

    DataSnapshot  : Container for a subtree of data at a particular location.