davidalekna

Advanced JavaScript Learning Resources

This is a list of advanced JavaScript learning resources from people who responded to this [Tweet][13] and this [Tweet][20].

• [You Don't Know JS][3]

• [Frontend Masters courses by Kyle Simpson][12]

• [@mpjme][6]'s [YouTube videos][5]

davidalekna

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

1. Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
2. Add these lines of code to your keymap:

'atom-text-editor[data-grammar~="jsx"]:not([mini])':

davidalekna

tmux cheatsheet

As configured in my dotfiles.

start new:

tmux

start new with session name:

davidalekna

Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

• Install the AWS CLI.
• Have Node.js installed on your system. (Recommended: Use nvm.)
  • Install yarn with brew install yarn.
• Create an AWS account. (This will require a valid credit card.)
• Create a Travis CI account. (This should be as simple as logging in via GitHub).

davidalekna

const example = {
  name: "hello_world",
  children: {
    name: "hello_world_2",
    something: "hello_world_2",
    children: {
      someNumberValue: 23213,
      name: "hey______whatsup",
      children: {
        name: "h_e_ll_o_world_2",

davidalekna

const setCookie = (
  name: string,
  value: string,
  days: number = 7,
  path: string = "/"
): void => {
  const expires = new Date(Date.now() + days * 864e5).toUTCString();
  const cookie = `${name}=${encodeURIComponent(
    value
  )}; expires=${expires}; path=${path}`;

davidalekna

const fetchMachine = Machine({
	id: 'card',
	initial: 'init',
	context: {
		complete: false,
		trustee: {
			// 1 name details form
			title: null,
			firstName: null,
			lastName: null,

davidalekna

// Schema

type Mutation {
	addPost(
		id: ID!,
		author: String!,
		title: String,
		content: String,
		url: String
	): Post!

davidalekna

/* 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,

davidalekna

const defaultOptions = {
  addError: <T extends { [key: string]: unknown }>(
    item: T,
    fieldName: string
  ) => ({
    id: item.id,
    value: item[fieldName],
  }),
};