Table of Contents generated with DocToc
/*! = $rembase: 14px | |
-------------------------------------------------------------- | |
* hmtl { font-size: 87.5%; } | |
* body { font-size: 14px; font-size: 1rem; line-height: 1; } | |
* 4px 0.28571429rem | |
* 8px 0.571428571rem | |
* 12px 0.857142857rem | |
* 13px 0.928571429rem | |
* 14px 1rem | |
* 16px 1.142857143rem |
const path = require( 'path' ); | |
const webpack = require( 'webpack' ); | |
const MiniCssExtractPlugin = require("mini-css-extract-plugin"); | |
module.exports = ( env, options ) => { | |
return { | |
entry: './src/block.js', | |
output: { | |
path: path.resolve( __dirname, 'build' ), |
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>AES client/server test</title> | |
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"> | |
<style> | |
body { font-size: 80%; padding: 1em; } | |
form { margin-top: 2em; } | |
label { display: inline-block; width: 6em; } |
server { | |
listen 80; | |
server_name example.com; | |
root /usr/share/nginx/example.com/web; | |
index index.php index.html; | |
location ~* ^/(assets|files|robots\.txt) { } | |
location / { | |
if (-f $request_filename) { |
Konfigurasi Sublime Text 3 Favorit
Dikumpulkan dengan penuh ❤︎︎ oleh Ian Mustafa.
Bisa diakses melalui Ctrl
+Shift
+P
(atau ⌘
+Shift
+P
di Mac).
{
import React, { Component } from 'react'; | |
import { | |
StyleSheet, | |
View, | |
Text, | |
ListView | |
} from 'react-native'; | |
import Icon from 'react-native-vector-icons/FontAwesome'; | |
import * as Animatable from 'react-native-animatable'; |
⚠️ 2019-2020: See more examples and updates on my article here!
If you use server rendering, keep in mind that neither useLayoutEffect
nor useEffect
can run until the JavaScript is downloaded.
You might see a warning if you try to useLayoutEffect
on the server. Here's two common ways to fix it.
If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect
instead.
function MyComponent() {
Storybook is all about writing stories. A story usually contains a single state of one component, almost like a visual test case.
Typically you see Storybook used for React or other frameworks, but the library has recently introduced the option to use HTML for your Storybook projects. As a prototyping tool or playground this is great! No larger scale knowledge of other frameworks needed.