All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.
A number of methods in React are assumed to be "pure".
On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.
| // Discord all events! | |
| // A quick and dirty fleshing out of the discord.js event listeners (not tested at all!) | |
| // listed here -> https://discord.js.org/#/docs/main/stable/class/Client | |
| // Learn from this, do not just copy it mofo! | |
| // | |
| // Saved to -> https://gist.github.com/koad/316b265a91d933fd1b62dddfcc3ff584 | |
| // Last Updated -> Halloween 2022 | |
| /* |
| // by Etienne JACOB | |
| // motion blur template by beesandbombs | |
| // needs opensimplexnoise code in another tab | |
| // --> code here : https://gist.github.com/Bleuje/fce86ef35b66c4a2b6a469b27163591e | |
| int[][] result; | |
| float t, c; | |
| float ease(float p) { |
| function createObservable(subscribe) { | |
| return { | |
| subscribe, | |
| pipe: function(operator) { | |
| return operator(this); | |
| }, | |
| }; | |
| } | |
| const numberObservable = createObservable(function(observer) { |
| Game | Party Pack | Min Players | Max Players |
|---|---|---|---|
| Dictionarium | Jackbox Party Pack 6 | 3 | 8 |
| Drawful 2 | Drawful 2 | 3 | 8 |
| Fibbage 2 | Jackbox Party Pack 4 | 2 | 8 |
| Guesspionage | Jackbox Party Pack 3 | 2 | 8 |
| Joke Boat | Jackbox Party Pack 6 | 3 | 8 |
| Mad Verse City | Jackbox Party Pack 5 | 3 | 8 |
| Patently Stupid | Jackbox Party Pack 5 | 3 | 8 |
| Quiplash 2 | Jackbox Party Pack 3 | 3 | 8 |
Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.
Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.
Note: Since writing this, I've been pointed to some exciting new research/tooling called Project Cambria https://www.inkandswitch.com/cambria.html I'll likely have to rewrite this article taking that into account. Leaving this up for posterity's sake.
(This series isn't meant to be a primer/tutorial, though we might do something regarding it in the future. For official documentation and starters, see https://developers.cloudflare.com/workers/learning/using-durable-objects.
Further - these are my personal views; I expect to be wrong about a lot of them. Indeed, I'm not paying much attention to presenting these well at the moment, simply writing down thoughts. As such, expect these writeups to change often, particularly as the platform takes shape. I'm also mostly a front end guy, so don't get mad if I get it very wrong. Give me feedback! Always happy to learn and make changes.)
Durable Objects are a fascinating new storage primitive from cloudflare for their workers platform. There's a lot of 'cool'
| # View registry settings | |
| Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\*\*\Device` Parameters FlipFlopWheel -EA 0 | |
| # Change registry settings | |
| # Reverse mouse wheel scroll FlipFlopWheel = 1 | |
| # Normal mouse wheel scroll FlipFlopWheel = 0 | |
| Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\*\*\Device` Parameters FlipFlopWheel -EA 0 | ForEach-Object { Set-ItemProperty $_.PSPath FlipFlopWheel 1 } | |
| # Restore default scroll direction | |
| # Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\*\*\Device` Parameters FlipFlopWheel -EA 1 | ForEach-Object { Set-ItemProperty $_.PSPath FlipFlopWheel 0 } |
| import {MDXProvider} from '@mdx-js/react'; | |
| import {MDXComponents} from 'components/MDX/MDXComponents'; | |
| import {Toc} from 'components/Toc/Toc'; | |
| import * as React from 'react'; | |
| export interface MarkdownProps<Frontmatter> { | |
| meta: Frontmatter; | |
| children?: React.ReactNode; | |
| } |
