cloud-walker

import React from 'react'

let cache = []
const isCached = src => cache.includes(src)

export const useScript = src => {
  const [state, setState] = React.useState({
    isLoaded: isCached(src),
    hasError: false,
  })

cloud-walker

Keep an eye packages

• react-loadable
• webpack-flush-chunks
• react-albus
• https://www.npmjs.com/package/react-display-name
• support async await react functional components https://github.com/xtuc/async-reactor

Styleguide

• react-cosmos
• react-styleguidist

cloud-walker

Base configuration

Global for me: add them on ~/.gitconfig

[alias]
  s = status -s
  unstage = reset HEAD --
  last = log -l HEAD
  lg = log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit
  branch-name = rev-parse --abbrev-ref HEAD

cloud-walker

.= .- := =:=
== != === !== =/=

<<- <-- <- <-> -> --> ->>
<=< <<= <== <=> => ==> =>> >=>
>>= >>- >- -< -<< =<<
<~~ <~ ~~~ ~~ ~> ~~>

<<< << <= <> >= >> >>>
<| <|> |>

cloud-walker

• container
• text ellipsis
• clearfix
• label
• breadcrumb
• tag
• link
• button
• sequence

cloud-walker

Frontend References

Unlisted links

• Atomic Design
• ITCSS
• normalize.css
• InuitCSS
• PostCSS
• CSSstats
• JSBin
• Flex Guide

cloud-walker

root = true

[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
indent_style = space
indent_size = 2

cloud-walker

<p class="isArrivedAndIsBeautifull" style="font-size: 2em;color: #333;text-align: center;">&Egrave; arrivata... ed &egrave; bellissima!</p>