hacker0limbo

const factorial = n => {
    if (n == 0 || n == 1) {
        return 1
    }
    return n * factorial(n-1)
}

hacker0limbo

const currentTime = () => {
    const d = new Date()
    const year = d.getYear()
    const month = d.getMonth() + 1
    const date = d.getDate()
    const hours = d.getHours()
    const minutes = d.getMinutes()
    const seconds = d.getSeconds()

    const timeString = `${year}/${month}/${date} ${hours}:${minutes}:${seconds}`

hacker0limbo

import React, { useReducer, useContext, createContext } from 'react'
import ReactDOM from 'react-dom'

const initialState = {
  count: 0
}

const CounterContext = React.createContext()

const counterReducer = (state, action) => {

hacker0limbo

import React, { useReducer, useRef } from 'react'
import ReactDOM from 'react-dom'

const Counter = () => {
  const [count, dispatch] = useReducer((state, action) => {
    switch(action) {
      case 'INCREMENT':
        return state + 1
      case 'DECREMENT':
        return state - 1

hacker0limbo

/*
使用 react-redux 实现的计数器
*/

import React from 'react'
import ReactDOM from 'react-dom'
import { connect, Provider } from 'react-redux'
import { createStore } from 'redux'

const mapStateToProps = state => {

hacker0limbo

const useFormInput = initialValue => {
  const [value, setValue] = useState(initialValue)

  const handleChange = e => {
    setValue(e.target.value)
  }

  return {
    value,
    onChange: handleChange

hacker0limbo

mongodb

安装

使用homebrew安装, 安装以后需要配置环境变量, 在.bash_profile和.zshrc里面加上export PATH=/usr/local/Cellar/mongodb/4.0.3_1/bin:$PATH, 然后source使文件生效. 同时需要在 root 目录下新建数据目录, 如下:

mkdir -p /data/db

hacker0limbo

1

面向对象编程的问题是，每个对象都有自己的状态，开发程序时，必须记住当前所有对象的状态。

为了让我们的生活更轻松，最好只有一小部分代码库处理状态，其他代码都是无状态和纯的。实际上，这就是前端的 Redux 库取得巨大成功的主要原因。

-- 《面向对象编程：一万亿美元的错误》

2 React 应该尽量遵守 "有状态的组件没有渲染, 有渲染的组件没有状态" 这一原则, 这句话的意思是:

hacker0limbo

import React, { useState } from 'react'
import ReactDOM from 'react-dom'

const text = 'To see the answers, we need to take a step back. The goal of this article isn’t to give you a list of bullet point recipes. It’s to help you truly “grok” useEffect. There won’t be much to learn. In fact, we’ll spend most of our time unlearning.'

const RevealText = props => {
  const { text, maxLength } = props
  const [hidden, setHidden] = useState(true)

  if (text.length <= maxLength) {

hacker0limbo

cookie 和 session 总结

直接使用cookie也是可以追踪用户的, 但是不安全, 所以比较好的做法为, 在第一次登录以后, 往客户端发送一个 cookie, cookie 里面的 value 设置为session_id, 发送请求到服务器的时候, 服务器有一个 session 使用[session_id: username]来验证发送过来的cookie

这样的好处是:

• 服务端可以使用 session 来跟踪用户
• 客户端用户登录一次以后由于被设置了 cookie, 下次可以免去登录

具体流程为: