| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| /* CSS */ | |
Explains how to install and configure react-storybook into a project created from the react-boilerplate setup.
React-boilerplate (rbp) is a good starting point to create React apps, with a focus on performance, best practices and DX.
The community around the repository is amazing and a constant source of learning.
| import React from 'react'; | |
| const ConditionalWrap = ({condition, wrap, children}) => condition ? wrap(children) : children; | |
| const Header = ({shouldLinkToHome}) => ( | |
| <div> | |
| <ConditionalWrap | |
| condition={shouldLinkToHome} | |
| wrap={children => <a href="/">{children}</a>} | |
| > |
| @echo off | |
| setlocal ENABLEEXTENSIONS ENABLEDELAYEDEXPANSION | |
| ::this also support calls that contains a absolute windows path | |
| ::check of one of the params contain a absolute windows path | |
| echo.%* | findstr /r /c:"[a-z]:[\\/]" > nul | |
| if %errorlevel% == 1 ( | |
| ::if not just git with the given parameters | |
| call :git %* |
This is the CFP for my React Rally talk, which was eventually accepted and given here: https://www.youtube.com/watch?v=nyFHR0dDZo0.
If you are a first time speaker, my CFP advice for new speakers is here.
Functional-reactive libraries like RxJS make it easy to understand how data changes, giving us tools to declaratively handle events and manage state. But while our render methods react to state changes, React isn’t reactive. Instead, we write imperative event-handlers, and trip up on gotchas like async setState and race conditions. Why? In this talk we build a Reactive React to show the difference between the "push" and "pull" paradigms of data flow and understand why React chooses to manage Scheduling as a core Design Principle, enabling awesome features like async rendering and Suspense!
Theme: This talk is a deep dive into React's core design principle around scheduling. Instead of abstr
| // Configuration | |
| // You'll be able to set the domain when adding/editing the widget | |
| // Make sure the stats are public on Plausible | |
| const namespace = args.widgetParameter || "plausible.io" | |
| const displayName = namespace.slice(0,namespace.lastIndexOf(".")) | |
| const accentColor = new Color("#CCCCCC") | |
| // LineChart by https://kevinkub.de/ | |
| // Used as the widget background | |
| class LineChart { |
| /* | |
| RUN THE SCRIPT BY YOURSELF: | |
| - Run `node paddle-revenue.js` on your server and let it run 24/7. | |
| - Access the API at http://your_server_ip:8175/ (JSON) | |
| HOSTED VERSION: | |
| If you don't want to run the script by your own, you can use the | |
| hosted version. The price is $5 per month per Paddle account. | |
| Here is how: |
| // Variables used by Scriptable. | |
| // These must be at the very top of the file. Do not edit. | |
| // icon-color: green; icon-glyph: magic; | |
| /* | |
| SETUP INTSTRUCTIONS | |
| 0. Install the Tana QuickAdd Shortcut: https://www.icloud.com/shortcuts/74ce7f48d6d5493c8c0ba563c5f040d6 | |
| 1. In Tana, Create a Node where you'd like quick added nodes to go. | |
| - quick added nodes will appear as children of this one | |
| - I put mine off my workspace root |
| export const finishJson5 = (unfinishedJson5: string) => { | |
| let stack = []; | |
| let inDoubleQuotes = false; | |
| let inSingleQuotes = false; | |
| let inSingleLineComment = false; | |
| for (let i = 0; i < unfinishedJson5.length; i++) { | |
| const currentChar = unfinishedJson5[i]; | |
| const nextChar = unfinishedJson5[i + 1]; | |
| let prevChar; |
| package main | |
| import ( | |
| "context" | |
| "errors" | |
| "fmt" | |
| "io" | |
| "log" | |
| "os" | |
| "runtime" |
