Skip to content

Instantly share code, notes, and snippets.

{
"Hazmieh - Furn El Chbbak": [
{ "name": "ANTOINE SAMRA", "phoneNumber": "03303160" },
{ "name": "JOE NASSIF", "phoneNumber": "03644063," },
{ "name": "JOSEPH GERGI EL KHEREJ", "phoneNumber": "03621260" },
{ "name": "FADI AZIZ AYOUB", "phoneNumber": "03300487" },
{ "name": "GHASSAN ABOU RJEILY", "phoneNumber": "71616126" },
{ "name": "NEMER BOU CHEBEL", "phoneNumber": "03250888" },
{ "name": "SAMIR ANTOINE TANNOUS", "phoneNumber": "0334720" },
{ "name": "MICHEL ZAHRAN", "phoneNumber": "03829902" },
### Keybase proof
I hereby claim:
* I am zxiest on github.
* I am abdo (https://keybase.io/abdo) on keybase.
* I have a public key ASAWFCt6wkfEPAUTGXe2A9faFsZiOaYqO9k2bT2QBknc8wo
To claim this, I am signing this object:
16:33:59: BabelPluginClass : Captured src/index.jsx
16:33:59: BabelPlugin :
Configuration: {"presets":["react","es2015","stage-1"],"plugins":["transform-decorators-legacy","react-hot-loader/babel"]}
16:33:59: BabelPluginClass : Captured src/AppState.js
16:33:59: BabelPluginClass : Captured src/utils/Api.jsx
16:33:59: BabelPluginClass : Captured src/utils/Settings.jsx
16:33:59: BabelPluginClass : Captured src/utils/Utils.jsx
16:33:59: BabelPluginClass : Captured src/App.jsx
16:33:59: SassPluginClass : Captured src/shared/styles.scss
16:33:59: PostCSSPluginClass : Captured src/shared/styles.scss
const {resolve} = require('path')
const fwf = require('funwithflags')
const log = require('fliplog')
const {
FuseBox,
SVGPlugin,
CSSPlugin,
PostCSSPlugin,
WebIndexPlugin,
BabelPlugin,
# ~/.vim/spell/en.utf-8.add
on
off
erd
actioncable
actionmailer
actionpack
actionview
activejob
activemerchant
<!-- https://facebook.github.io/react/docs/getting-started.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<!-- Material Design Icons -->
let mapleader="\<Space>"
set number
set nopaste
" easymotion works with <leader><leader>s
" lines below allow yanking to be shared with system clipboard
" set clipboard^=unnamed
set clipboard=unnamed,unnamedplus
set wrapscan
set nocompatible
filetype off
" set runtime path to include vundle and initialize
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
" Let Vundle manage Vundle

React Basics

JSConf Beirut; March 12, 2016; Abdo Achkar @achkar


  1. How does this workshop work? (5 mins)
  2. What is React? (2 mins)
  3. Resources and Documentation Overview (2 mins)
  4. Why JSX?
  5. Starter kit, first React component (2 mins)