PinnedPublished inJavaScript in Plain EnglishDependency Injection for Serverless ApplicationsA brief introduction to DI and Serverless with example setup using node.js, TypeScript and AWSJun 14, 20231Jun 14, 20231
PinnedPublished inBits and PiecesRethinking Code ReuseAvoid Wrong Abstraction through Encapsulation and CompositionJan 5, 20231Jan 5, 20231
PinnedPublished inBits and PiecesReact Design Patterns: Return Component From HooksA Potential New Pattern Inspired by “Partial Application”: With practical examples using Material-UI and TypeScriptFeb 17, 20229Feb 17, 20229
Published inJavaScript in Plain EnglishWhy Mutating Input Parameters of Functions in JavaScript is BadRecently, I received a merge request containing code where multiple functions share the same object as an input parameter, treating it as a…Nov 4, 2024Nov 4, 2024
TypeScript, Zod, and MongoDB: A Guide to Data Access Layer without ORMEmbracing New Paradigms for Enhanced Data Consistency and Type SafetyJun 14, 20233Jun 14, 20233
Published inJavaScript in Plain EnglishStream Chat Completion with OpenAI API using JavaScript FetchBuild your own ChatGPT with React in a typewriter styleMay 9, 20232May 9, 20232
Published inBits and PiecesThe Pitfalls of Using <Guard> or <If> Components in ReactUse Logical AND Operator (&&) or Babel Plugin InsteadApr 12, 20231Apr 12, 20231
Published inAWS in Plain EnglishDeploy React Web App on AWS S3 and CloudFront using CloudFormation (via AWS SAM CLI)Feb 28, 20231Feb 28, 20231
Published inJavaScript in Plain EnglishUnderstand Google reCAPTCHA with Diagrams and Code ExamplesCode examples are written in React, TypeScript, and Node.jsDec 11, 2022Dec 11, 2022
Published inJavaScript in Plain EnglishPolyfill CSS using styled-components mixins in ReactWith an example of flex gap polyfillFeb 7, 2022Feb 7, 2022
Published inJavaScript in Plain EnglishHow to listen to Formik onChange event in React?Listen to the DOM event on form component, or create observer component via useFormikContext and useEffect hookFeb 5, 2022Feb 5, 2022
Published inJavaScript in Plain EnglishWhy I think Parsing and Transforming API Response Data in the Front-end is NecessaryIn my opinion, parsing and transforming API response data is necessary, and I am going to explain why.May 24, 2021May 24, 2021
Great, so we both on the same page in regard to the principle of components' responsibility…Now it might be your turn to explain more about why we *have to* do it with pure CSS (and with margin)? Does it sound very dogmatic? Why we…Mar 21, 20211Mar 21, 20211
Published inJavaScript in Plain EnglishStop using margin, use Spacer component instead!A better way of handling spacing between components in ReactMar 6, 202119Mar 6, 202119
Tip: change default timeout of `waitFor` in React Testing LibraryIn React Testing Library, there is no global configuration to change default timeout of waitFor, but we can easily wrap this function to…Jan 23, 20212Jan 23, 20212
Published inJavaScript in Plain EnglishEarly Returns/Guard Clauses in JavaScript (and React)What Early Returns/Guard Clauses are, why you should use them, and examples of how to use in ReactMay 17, 2020May 17, 2020
A Simple Implementation of Abortable Promise Using AbortController with TypeScriptGithub Repo: https://github.com/zzdjk6/simple-abortable-promiseMar 22, 2020Mar 22, 2020
Implement global loading and error state with redux, thunk, routine and TypeScriptA real use case of redux-thunk-routineNov 21, 20191Nov 21, 20191
WKWebView CORS SolutionSend/Proxy Network Requests With Native Code In An Asynchronous Manner Using PromiseAug 17, 20191Aug 17, 20191
Introduce redux-thunk-routine: Get better typing and less boilerplate code with redux-thunkredux-thunk-routineJul 23, 2019Jul 23, 2019