swyxio

// create context with no upfront defaultValue
// without having to do undefined check all the time
function createCtx<A>() {
  const ctx = React.createContext<A | undefined>(undefined)
  function useCtx() {
    const c = React.useContext(ctx)
    if (!c) throw new Error("useCtx must be inside a Provider with a value")
    return c
  }
  return [useCtx, ctx.Provider] as const

taejs

Questions

What is CSS?

Cascading Style Sheet!

CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, etc.

What is CSS Snapshot?

The document that represents the state of CSS as of each year.

What are the three levels of stability a CSS document has to pass through? What happens during each of those phases?

tanhauhau

# theme customisation
PURE_PROMPT_SYMBOL="🦄"
PURE_CMD_MAX_EXEC_TIME=-1

# lambda-pure theme ftw!
ZSH_THEME="lambda-pure"

heygrady

Redux containers: mapDispatchToProps

This document details some tips and tricks for creating redux containers. Specifically, this document is looking at the mapDispatchToProps argument of the connect function from [react-redux][react-redux]. There are many ways to write the same thing in redux. This gist covers the various forms that mapDispatchToProps can take.

markerikson

Jotting down a list of posts I'd like to write. Probably won't write them in this exact order.

• Practical Redux series
  • Connected lists, basic form editing
  • Form change handling, feature reducers
  • "editing/draft slice" approach
  • Modal management and "picker" modals
  • Handling more complex nested/relational data
  • Entity creation
• Treeview

gaearon

// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (

markerikson

    import {action1, action2} from "myActions";
    import {bindActionCreators} from "redux";

    const mapDispatchToProps(dispatch) => {
        return {
            manuallyBoundAction : (...args) => dispatch(action1(...args)),
            autoBoundAction : bindActionCreators(action2, dispatch),
            multipleActionsTogether : bindActionCreators({action1, action2}, dispatch)
        }
    };

gaearon

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])) {

andreyvit

tmux cheat sheet

(C-x means ctrl+x, M-x means alt+x)

Prefix key

The default prefix is C-b. If you (or your muscle memory) prefer C-a, you need to add this to ~/.tmux.conf:

remap prefix to Control + a