JavascriptKnockoutJSRubyEventMachineWebsocketsJadeNode.jsRailsEmacsGulpActiveAdminActiveRecordDeviseIntegrationProductivity HacksDesign PatternsInfluxDBGrafanaFunctional ProgrammingES6TypescriptReasonMLReactFrontendNext.jsKoaApolloGraphQLMongoDBAutomergeCRDTSVGVSCodeComlinkWeb-workersio-tsMobXMobX-State-TreeRoutingSQLiteZSHOCRHelmSPFCSSReduxRedux-loopVagrantClojureHashicorpHARJqLit-htmlStimulusOne of the recurring annoyances when designing websites is ensuring alignment of elements on a web page. Most design applications have the provision of an overlay grid. With very little effort we can add a simple grid to any web page and use it to ensure alignment of elements. As illustrated in ...
This post outlines the use of Google’s diff-match-patch library to generate patches that can be translated to operations against an AutoMerge.Text CRDT for situations when deriving the operations directly from user interactions is cumbersome. Automerge is a so-called Conflict-Free Replicated Data...
Usage of C# inspired async/await syntax (Now a stage 4 proposal) is now fairly mainstream in javascript, and native support is available in major browsers and Node. Most of the times we await on promises (typically returned from async functions), however, it is relatively less well known that await...
React refs are generally considered an anti-pattern as their usage typically encourages patterns which go against declarative compositon and top down flow of data. This post explores a somewhat uncommon use case where refs can be used to expose layout slots in parent components to nested components...
The lack of support for asynchronous operations in redux core has spawned a whole ecosystems for managing side-effects[1] in Redux. This post argues that the redux-looplibrary (1.5 k ★ as of this writing) is a much better solution for this job than other more popular alternatives like redux-sagas (...