Here, we'll explore loosely coupling react hooks with dependency inversion as a way to manage side effects.
NB: The hooks code given here, uses react-query hooks for simplicity cos I'm rushing to write this. I hope that's not a problem. Perhaps, someone will write the equivalent implementations using out-of-the-box react hooks.
We'll consider a simple react hook, that fetches a list of users in two ways:
const useFetchUsers = () => {
| /** | |
| * @typedef {object} AWSCloudfrontMessageEvent | |
| * @property {AWSCloudfrontEventRecord[]} Records | |
| */ | |
| /** | |
| * @typedef {object} AWSCloudfrontEventRecord | |
| * @property {object} cf | |
| * @property {{ distributionId: string, eventType: string, requestId: string, distributionDomainName: string }} cf.config | |
| * @property {AWSCloudfrontRequest} cf.request |
| import { promises as fs } from 'fs'; | |
| import path from 'path'; | |
| import inlineCss from 'inline-css'; | |
| import env from '../common/config/env'; | |
| /** | |
| * So there are multiple *.hbs files, in a directory, and one of them, contains a link reference to tailwind cdn like: | |
| * <link rel="stylesheet" href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"> | |
| * In this script, we inline all their styles by | |
| * - reading each file's content |
| - name: President Muhammadu Buhari | |
| ministry: Minister of Petroleum | |
| email: [email protected] | |
| phone: "0952335368" | |
| - name: Mohammed Musa Bello | |
| ministry: Minister of Federal Capital Territory, FCT | |
| email: "" | |
| phone: "" |
| #!/usr/bin/env node | |
| const AWS = require("aws-sdk"); | |
| const path = require("path"); | |
| const fs = require("fs"); | |
| const mime = require("mime-types"); | |
| const { version } = require("../package.json"); | |
| const quit = message => { | |
| console.error(message); |
| function global:touchpad() | |
| { | |
| Disable-PnpDevice -InstanceId "HID\SYNA2393&COL02\5&10464366&0&0001" -Confirm:$false | |
| Enable-PnpDevice -InstanceId "HID\SYNA2393&COL02\5&10464366&0&0001" -Confirm:$false | |
| } |
| git branch -f gh-pages | |
| git checkout gh-pages | |
| git reset --hard origin/master | |
| yarn build | |
| cp -r build/* . |
| function global:Mp4ToGif() | |
| { | |
| $input=$args[0] | |
| Write-Output "Input: $input" | |
| ffmpeg -i "$input" -vf "split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" -loop 0 output.gif | |
| } |
| --- !https://twitter.com/PoliceNG/status/1204006677990821888?s=19 | |
| states: | |
| - state : abia | |
| phones: | |
| - '0803541540' | |
| - '08079210003' | |
| - '08079210004' | |
| - '08079210005' | |
| - state : adamawa | |
| phones: |
| DECLARE @sql nvarchar(MAX) | |
| SET @sql = N'' | |
| SELECT @sql = @sql + N'ALTER TABLE ' + QUOTENAME(KCU1.TABLE_SCHEMA) | |
| + N'.' + QUOTENAME(KCU1.TABLE_NAME) | |
| + N' DROP CONSTRAINT ' -- + QUOTENAME(rc.CONSTRAINT_SCHEMA) + N'.' -- not in MS-SQL | |
| + QUOTENAME(rc.CONSTRAINT_NAME) + N'; ' + CHAR(13) + CHAR(10) | |
| FROM INFORMATION_SCHEMA.REFERENTIAL_CONSTRAINTS AS RC | |
| INNER JOIN INFORMATION_SCHEMA.KEY_COLUMN_USAGE AS KCU1 |