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.
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() {
| 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'; |
Dikumpulkan dengan penuh ❤︎︎ oleh Ian Mustafa.
Bisa diakses melalui Ctrl+Shift+P (atau ⌘+Shift+P di Mac).
{
| 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) { |
| <!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; } |
| 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' ), |
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 |