ericedem

package lib

import (
	"path"
	"runtime"
)

// GetRelativeFilePath takes the path to the calling source file and appends the provided relative path.
// The path manipulation is for convenience as I find myself in testing needing to do a lot of things like
// GetRelativeFilePath("fixtures/test_data.json")

ericedem

~/git/slate$ yarn test --fgrep="slate commands by-key replace-node-by-key oneBlock"
yarn run v1.9.4
$ cross-env BABEL_ENV=test FORBID_WARNINGS=true mocha --require babel-core/register ./packages/*/test/index.js '--fgrep=slate commands by-key replace-node-by-key oneBlock'


  slate
    commands
      by-key
        replace-node-by-key
          1) oneBlock

ericedem

/** @jsx h */

import h from '../../../helpers/h'

export default function(change) {
  change.delete()
}

export const input = (
  <value>

ericedem

/** @jsx h */

import h from 'slate-hyperscript'

export const input = (
  <block type="paragraph">
    <text />
    <inline type="link">Some inline link</inline>
    <text />
  </block>

ericedem

ES6:

Before diving into react, I'd recommend getting a fundamental understanding of the latest JS syntax. Most examples out there will be written in the latest style, and most people are using transpilers to be able to write the latest code.

• I don't have a good specific resource for this, but Dr. Axel has some good in depth stuff about it: http://dr-axel.de/
• Destructuring and default parameters are probably some of the most used new features.

React:

• Easy to get started react playground: https://github.com/facebook/create-react-app
• React-router is a really useful tool for building single page apps: https://github.com/ReactTraining/react-router
• Its really useful to understand the difference between controlled / uncontrolled components. Mixing the two (often with getDerivedStateFromProps) can be an antipattern: https://reactjs.org/docs/uncontrolled-components.html
• React has very good docs, I highly recommend a deep understanding of the react component lifecycle. It often helps solve hard pro

ericedem

// Declared output
const schema = {
  document: {
    nodes: [
      { match: { type: 'title' }, min: 1, max: 1 },
      { match: { type: 'paragraph' }, min: 1 },
    ],
    normalize: (change, { code, node, child, index }) => {
      // This doesn't do anything and will never fix the validation errors.
    },

ericedem

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Downshift from 'downshift';

let items = ['a', 'ab', 'abc'];

class Widget extends Component {
  render () {
    return (
      <form onSubmit={e => {

ericedem

def split_sequential(list):

    iterints = iter(list)
    result = []
    sequence = [next(iterints)]
    for i in iterints:
        if sequence[-1] + 1 == i:
            sequence.append(i)
        else: