https://ruit.me/blog MS Student in Electrical and Computer Engineering at University of Washington, with experience in Full-Stack Development, Game Development, and AI. en-us realruitao@gmail.com (Rui Tao) realruitao@gmail.com (Rui Tao) Mon, 30 Jun 2025 00:00:00 GMT https://ruit.me/blog/uw-internship-upass-iship-refund-guide https://ruit.me/blog/uw-internship-upass-iship-refund-guide 很多同学咨询我关于实习UPASS和ISHIP退费的问题，分享一下我的经验和具体操作流程 Mon, 30 Jun 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) UWInternshipUPASSISHIPExperience https://ruit.me/blog/high-precision-qa-system-architecture-analysis https://ruit.me/blog/high-precision-qa-system-architecture-analysis 全面分析不同类型的高精度知识问答系统架构，包括传统RAG、摘要增强RAG、知识图谱、多轮检索与推理以及大模型内置知识等方案的优缺点与适用场景。 Fri, 18 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) ragllmknowledge-qaaisystem-design https://ruit.me/blog/web-stack https://ruit.me/blog/web-stack A detailed walkthrough of setting up a secure and scalable full-stack project using Nginx for static serving and reverse proxy, Supabase as a backend service, and Vercel Edge Functions for fast, distributed logic. Sun, 13 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nginxsupabasenextjsverceledge-functionscloudflarecors https://ruit.me/blog/python-list-cheatsheet https://ruit.me/blog/python-list-cheatsheet 一份全面的 Python 列表构造指南，包含初始化、拷贝、陷阱和推荐表达方式，专为面试和日常编程设计 Fri, 11 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) PythonProgrammingInterviewCheatsheet https://ruit.me/blog/word-ladder https://ruit.me/blog/word-ladder A comprehensive guide to solving the Word Ladder problem with four different approaches, including Bidirectional BFS Fri, 11 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) AlgorithmBFSGraphLeetCode https://ruit.me/blog/mcp-fullstack https://ruit.me/blog/mcp-fullstack 探讨 Model Context Protocol (MCP) 如何与 Cursor IDE 结合，提升全栈开发、测试与 CI/CD 流程的效率和质量 Thu, 10 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) MCPCursorAIDevelopmentCI/CD https://ruit.me/blog/mocki https://ruit.me/blog/mocki MOCKI – AI-Powered Mock Interview Platform / MOCKI – AI 驱动的模拟面试平台 Fri, 04 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) MOCKIRAGAgentLLM https://ruit.me/blog/pmp https://ruit.me/blog/pmp 华盛顿大学 PMP 项目：全面学习指南与经验分享 Thu, 03 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) UWPMP https://ruit.me/blog/cursor-mcp-ai-powered-programming-revolution https://ruit.me/blog/cursor-mcp-ai-powered-programming-revolution Explore how Model Context Protocol (MCP) integration with Cursor is transforming software development with AI-powered capabilities like deep reasoning, information retrieval, and automated testing. Wed, 02 Apr 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) aiprogrammingcursormcpdeveloper-tools https://ruit.me/blog/optimizing-frontend-performance-eliminating-react-jitter https://ruit.me/blog/optimizing-frontend-performance-eliminating-react-jitter 分享如何通过优化技术解决React应用中的组件抖动问题，提高用户体验和界面稳定性。 Sat, 29 Mar 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) reactperformanceoptimizationfrontenduser-experience https://ruit.me/blog/building-fair-team-rotation-system-thursday-treating-calendar https://ruit.me/blog/building-fair-team-rotation-system-thursday-treating-calendar 分享如何设计和实现一个公平的团队轮值系统，解决团队请客安排的公平性问题，包括核心的hostOffset机制设计和实现细节。 Sun, 09 Mar 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) reacttypescriptzustandsupabaseedge-functionstailwind-cssproject-sharing https://ruit.me/blog/todo-system-integration-documentation https://ruit.me/blog/todo-system-integration-documentation A comprehensive documentation of the TODO system integration with email analysis, covering system architecture, implementation details, and best practices for managing interview-related tasks. Wed, 26 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) system-designarchitecturetodoemail-analysisintegration https://ruit.me/blog/intelligent-company-name-unification-using-semantic-similarity https://ruit.me/blog/intelligent-company-name-unification-using-semantic-similarity A detailed exploration of implementing an intelligent company name unification system using semantic similarity, featuring OpenAI embeddings and a two-tier caching system for 95x performance improvement. Tue, 25 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) ainlpsemantic-similarityperformancecachingmongodb https://ruit.me/blog/multi-agent-chatbot-project-documentation https://ruit.me/blog/multi-agent-chatbot-project-documentation A comprehensive documentation of a multi-agent chatbot project, exploring system architecture, implementation challenges, and insights gained from building a complex AI system with limited API calls. Sun, 23 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) aichatbotsystem-designarchitecturellm https://ruit.me/blog/building-valentines-day-page-creator https://ruit.me/blog/building-valentines-day-page-creator A technical deep dive into building a Valentine's Day page creator that allows users to create personalized pages with custom games and messages. Fri, 14 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nextjstypescriptgame-developmentsystem-design https://ruit.me/blog/cpp-auto-keyword-convenience-or-readability-killer https://ruit.me/blog/cpp-auto-keyword-convenience-or-readability-killer A deep dive into the C++ auto keyword, exploring its benefits and potential pitfalls. Learn when to use it effectively and when to avoid it for better code readability. Fri, 14 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) cppprogrammingbest-practicescode-style https://ruit.me/blog/creating-valentines-day-special-page-with-nextjs https://ruit.me/blog/creating-valentines-day-special-page-with-nextjs A comprehensive guide on creating an interactive Valentine's Day special page using Next.js, Framer Motion, and TypeScript, featuring a mini-game and gift redemption system. Fri, 14 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) next.jsreacttypescriptframer-motiongame-development https://ruit.me/blog/cpp-erase-function-comprehensive-guide https://ruit.me/blog/cpp-erase-function-comprehensive-guide A comprehensive guide to understanding and effectively using the erase function in C++, covering various container types, common idioms, and best practices for optimal performance. Thu, 13 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) cppprogrammingalgorithmsdata-structuresperformance https://ruit.me/blog/monotonic-stack-understanding-right-and-left-closest-greater https://ruit.me/blog/monotonic-stack-understanding-right-and-left-closest-greater A comprehensive guide to understanding and implementing monotonic stack for solving RightClosestGreater and LeftClosestGreaterOrEqual problems, with detailed explanations and Python implementation. Thu, 13 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) algorithmsdata-structurespythonstackprogramming https://ruit.me/blog/implementing-email-analysis-with-google-oauth https://ruit.me/blog/implementing-email-analysis-with-google-oauth A comprehensive guide to implementing email analysis features using Google OAuth for authentication and GPT4O MINI for content analysis, focusing on architecture, security, and performance optimization. Tue, 04 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) oauthgmail-apisystem-designtypescriptpythonarchitecture https://ruit.me/blog/mongodb-integration-for-token-management https://ruit.me/blog/mongodb-integration-for-token-management A detailed exploration of MongoDB integration for token management and email analysis caching, focusing on database structure, performance optimization, and security considerations. Tue, 04 Feb 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) mongodbdatabasecachingperformancesystem-designarchitecture https://ruit.me/blog/deploying-deepseek-r1-locally https://ruit.me/blog/deploying-deepseek-r1-locally A comprehensive guide to deploying the DeepSeek R1 32B model locally using LM Studio, optimized for high-performance systems with NVIDIA RTX graphics cards. Fri, 31 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) aimachine-learningdeploymentlocal-llmdeepseek https://ruit.me/blog/comprehensive-guide-to-react-app-internationalization https://ruit.me/blog/comprehensive-guide-to-react-app-internationalization A detailed guide on implementing internationalization in a React application, covering translation file structure, component updates, best practices, and practical implementation steps. Thu, 30 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) reacti18ninternationalizationfrontendtypescriptweb-development https://ruit.me/blog/building-modern-saas-platform-technical-decisions https://ruit.me/blog/building-modern-saas-platform-technical-decisions A comprehensive guide to the technical decisions and architecture considerations when building a modern SaaS platform, including storage solutions, authentication, real-time communication, and deployment strategies. Wed, 29 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architecturecloudsaaswebrtcmongodbmicroservicesreal-time https://ruit.me/blog/socket-io-real-time-chat https://ruit.me/blog/socket-io-real-time-chat A complete example of implementing real-time chat using Socket.IO with TypeScript, including both server and client implementations. Wed, 29 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) socket.iotypescriptreal-timechatnestjs https://ruit.me/blog/webrtc-video-chat-setup https://ruit.me/blog/webrtc-video-chat-setup A complete example of setting up WebRTC video chat with TypeScript, including peer connection, media streams, and signaling. Wed, 29 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) webrtctypescriptvideo-chatreal-time https://ruit.me/blog/building-high-performance-ai-service-with-websocket-and-async-python https://ruit.me/blog/building-high-performance-ai-service-with-websocket-and-async-python A deep dive into building a scalable AI service using WebSocket, async Python, and processor pools. Learn how to handle concurrent requests, manage resources efficiently, and implement stream responses. Tue, 28 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) pythonwebsocketasyncaiperformancearchitectureconcurrency https://ruit.me/blog/speech-recognition-service-implementation https://ruit.me/blog/speech-recognition-service-implementation A complete implementation of a speech recognition service with TypeScript and NestJS, including WebSocket handling, error recovery, and multiple provider support. Tue, 28 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) typescriptwebsocketspeech-recognitionnestjs https://ruit.me/blog/nestjs-modular-architecture https://ruit.me/blog/nestjs-modular-architecture A comprehensive guide to building modular NestJS applications using best practices, including module organization, dependency injection, and service design. Mon, 27 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nestjstypescriptarchitecturedesign-patterns https://ruit.me/blog/nestjs-websocket-gateway-implementation https://ruit.me/blog/nestjs-websocket-gateway-implementation A complete guide to implementing WebSocket gateways in NestJS, including connection management, message handling, and error recovery. Mon, 27 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nestjstypescriptwebsocketreal-time https://ruit.me/blog/ai-service-implementation https://ruit.me/blog/ai-service-implementation A complete implementation of an AI Service using WebSocket, including request handling, response streaming, and error management. Sun, 26 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nestjstypescriptwebsocketai https://ruit.me/blog/mastering-zustand-state-management-in-react https://ruit.me/blog/mastering-zustand-state-management-in-react A comprehensive guide to using Zustand for state management in React applications, covering different usage patterns, best practices, and performance optimization techniques. Mon, 20 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) reactstate-managementzustandtypescriptperformance https://ruit.me/blog/refactoring-state-management-for-modern-web-applications https://ruit.me/blog/refactoring-state-management-for-modern-web-applications A comprehensive guide to refactoring state management in modern web applications, focusing on implementing a stateless service layer and store-driven architecture. Mon, 20 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architecturestate-managementtypescriptreactrefactoring https://ruit.me/blog/refactoring-speech-recognition-service https://ruit.me/blog/refactoring-speech-recognition-service A comprehensive guide to refactoring a speech recognition service to handle multiple clients effectively, focusing on architecture improvements and best practices. Sun, 19 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architecturespeech-recognitionrefactoringpythonsystem-design https://ruit.me/blog/advanced-signal-processing-pipeline https://ruit.me/blog/advanced-signal-processing-pipeline A comprehensive guide to designing and implementing an advanced signal processing pipeline for well log enhancement, focusing on filter design, quality control, and performance optimization. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) signal-processingmachine-learningdata-analysispythonsystem-design https://ruit.me/blog/building-ai-service-api-with-websocket https://ruit.me/blog/building-ai-service-api-with-websocket A comprehensive guide to building an AI service API using WebSocket, focusing on real-time communication, performance, and scalability. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) websocketapiaitypescriptsystem-design https://ruit.me/blog/building-modular-backend-system-with-nestjs https://ruit.me/blog/building-modular-backend-system-with-nestjs A comprehensive guide to building a modular and scalable backend system using NestJS, focusing on best practices and architectural patterns. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) nestjsbackendtypescriptarchitecturesystem-design https://ruit.me/blog/building-real-time-transcript-system https://ruit.me/blog/building-real-time-transcript-system A comprehensive guide to building a real-time transcript system using WebSocket, focusing on architecture, performance, and reliability. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) websockettypescriptreal-timesystem-design https://ruit.me/blog/building-scalable-real-time-speech-recognition-system https://ruit.me/blog/building-scalable-real-time-speech-recognition-system A comprehensive guide to designing and implementing a scalable real-time speech recognition system using WebSocket, TypeScript, and cloud speech recognition services. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architecturewebsockettypescriptspeech-recognitionreal-timesystem-design https://ruit.me/blog/deploying-modern-web-application-with-nginx-and-cloudflare https://ruit.me/blog/deploying-modern-web-application-with-nginx-and-cloudflare A comprehensive guide to deploying modern web applications using Nginx and Cloudflare, focusing on performance, security, and reliability. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) deploymentnginxcloudflaredevopsweb https://ruit.me/blog/deploying-web-app-with-nginx-and-cloudflare https://ruit.me/blog/deploying-web-app-with-nginx-and-cloudflare A comprehensive guide to deploying modern web applications using Nginx and Cloudflare, focusing on performance, security, and reliability. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) deploymentnginxcloudflaredevopsweb https://ruit.me/blog/designing-well-generator-system-architecture https://ruit.me/blog/designing-well-generator-system-architecture A comprehensive guide to designing a modern well generator system architecture, focusing on system components, technical innovations, and performance optimizations. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architecturesystem-designwell-generatorpythonperformance https://ruit.me/blog/high-performance-parallel-processing-system https://ruit.me/blog/high-performance-parallel-processing-system A comprehensive guide to designing and implementing a high-performance parallel processing system for well data analysis, focusing on architecture, process management, and performance optimization. Fri, 17 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) architectureparallel-processingperformancepythonsystem-design https://ruit.me/blog/comprehensive-brand-identity-guidelines-for-modern-applications https://ruit.me/blog/comprehensive-brand-identity-guidelines-for-modern-applications A comprehensive guide to creating and maintaining brand identity guidelines for modern applications, focusing on consistency, accessibility, and user experience. Thu, 16 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) designbrandingguidelinesui-uxstyle-guide https://ruit.me/blog/deployment-configuration-and-scripts https://ruit.me/blog/deployment-configuration-and-scripts A collection of configuration files and deployment scripts for setting up a modern web application with Nginx, Cloudflare Tunnel, and automated deployment. Thu, 16 Jan 2025 00:00:00 GMT realruitao@gmail.com (Rui Tao) deploymentnginxcloudflarebashdevops https://ruit.me/blog/fetch-goodreads-user-books-data https://ruit.me/blog/fetch-goodreads-user-books-data Scraping Goodreads books data from user's RSS feed and parse to JSON in Node.js Thu, 07 Nov 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) goodreadsscrapingrssrss-parser https://ruit.me/blog/connecting-to-github-using-ssh https://ruit.me/blog/connecting-to-github-using-ssh Using the SSH protocol, you can connect and authenticate to remote Github servers and services without supplying your username and personal access token at each visit. Mon, 14 Oct 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) githubsshsecurity https://ruit.me/blog/how-to-create-an-image-with-blurry-loading-effect-in-nextjs https://ruit.me/blog/how-to-create-an-image-with-blurry-loading-effect-in-nextjs NextJS has provided a built-in image component that has many useful features, we can leverage them with some custom styles to create a beautiful image with a blurry loading effect. Sat, 12 Oct 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) nextjsimageblurloading https://ruit.me/blog/pnpm-aliases https://ruit.me/blog/pnpm-aliases How to install and update pnpm, create a shell alias for it, and upgrade project dependencies efficiently. Fri, 11 Oct 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) pnpmaliases.zprofile.bash_profile https://ruit.me/blog/vscode-settings https://ruit.me/blog/vscode-settings My personal VSCode configurations, settings, and key bindings that I use across all my devices. Fri, 11 Oct 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) vscodesettingskeybindings https://ruit.me/blog/on-tailwind-css-arbitrary-values https://ruit.me/blog/on-tailwind-css-arbitrary-values How to use arbitrary values in Tailwind CSS to create custom styles for your components. Some nice tips to make your Tailwind CSS workflow more efficient. Fri, 04 Oct 2024 00:00:00 GMT realruitao@gmail.com (Rui Tao) tailwind-cssarbitrary-valuescustom-styles https://ruit.me/blog/npm-commands https://ruit.me/blog/npm-commands Essential npm commands for local development, covering package installation, version control, and script management. Tue, 26 Sep 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) npmcommandsnpxlinkunlink https://ruit.me/blog/does-promise-all-run-in-parallel-or-sequential https://ruit.me/blog/does-promise-all-run-in-parallel-or-sequential JavaScript is a single-threaded programming language, so it can't run multiple things at the same time, Promise.all() actually runs promises concurrently, not in parallel!. Let's dive in to see how it works. Mon, 04 Sep 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascriptpromiseparallelsequentialconcurrently https://ruit.me/blog/remixing-remix-submission https://ruit.me/blog/remixing-remix-submission Create a custom hook to manage in-route form submissions in a Remix app. Mon, 04 Sep 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) remixremix-utilssubmissionhooks https://ruit.me/blog/verify-github-webhooks-requests https://ruit.me/blog/verify-github-webhooks-requests Verify and process incoming GitHub webhooks. How to set up listeners, validate requests, and handle Github's webhook events. Sun, 09 Jul 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) githubwebhookgithub-apiverify-webhook-signatureremix https://ruit.me/blog/using-spotify-api-to-display-currently-playing-track https://ruit.me/blog/using-spotify-api-to-display-currently-playing-track Retrieve a Spotify access token to display the currently playing track on your website or application. Thu, 06 Apr 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) spotifynowplayingspotify-apinextjs https://ruit.me/blog/casing-utils https://ruit.me/blog/casing-utils A various ready-to-use string casing utilities in Typescript. Tue, 21 Feb 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascripttypescriptstringcasingutilities https://ruit.me/blog/introduction-to-committing-with-conventional-commit https://ruit.me/blog/introduction-to-committing-with-conventional-commit Conventional commit is a specific form of committing which gives software developers a uniform system for organizing and describing their changes, making it easier to keep track of updates Sun, 01 Jan 2023 00:00:00 GMT realruitao@gmail.com (Rui Tao) commitgitconventional-commit https://ruit.me/blog/better-responsive-image-with-srcset-and-sizes-attributes https://ruit.me/blog/better-responsive-image-with-srcset-and-sizes-attributes A guide to using the srcset and sizes attributes to create responsive images Tue, 25 Oct 2022 00:00:00 GMT realruitao@gmail.com (Rui Tao) responsiveimagesrcsetsizeshtmlattributes https://ruit.me/blog/rename-a-case-sensitive-file-in-a-git-repo https://ruit.me/blog/rename-a-case-sensitive-file-in-a-git-repo Safely rename case-sensitive files or directories in a Git repository to avoid conflicts or case inconsistencies. Tue, 11 Oct 2022 00:00:00 GMT realruitao@gmail.com (Rui Tao) gitrenamecase-sensitive https://ruit.me/blog/remove-falsy-values-from-an-object https://ruit.me/blog/remove-falsy-values-from-an-object Recursively removes all falsy values (null, undefined, 0, false) from an object and its nested properties. Wed, 21 Sep 2022 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascriptutilsobject https://ruit.me/blog/use-async https://ruit.me/blog/use-async Build a custom React hook to use asynchronous effects inside functional components. Tue, 22 Feb 2022 00:00:00 GMT realruitao@gmail.com (Rui Tao) reacthooksasynceffect https://ruit.me/blog/color-validator https://ruit.me/blog/color-validator Validate strings to ensure they represent valid colors in various formats (hex, RGB, and named colors). Tue, 12 Oct 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) typescriptcolorvalidator https://ruit.me/blog/shopify-section-rendering-apis-notes https://ruit.me/blog/shopify-section-rendering-apis-notes Learn how to leverage Section Rendering APIs to improve your Shopify store's performance and create dynamic, context-specific sections. Discover tips for querying dynamic section markup, including product and collection context Thu, 23 Sep 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) shopifysectionsection-rendering-apiskey-notes https://ruit.me/blog/find-and-kill-process-on-given-port-in-macos https://ruit.me/blog/find-and-kill-process-on-given-port-in-macos Identify and terminate processes running on a specific port in your dev environment. Thu, 09 Sep 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) bashmacoskillprocessport https://ruit.me/blog/markdown-code-block-syntax https://ruit.me/blog/markdown-code-block-syntax A detailed overview of Markdown code block syntaxes, covering both basic and advanced use cases. Thu, 09 Sep 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) markdowncode-blocksyntax https://ruit.me/blog/event-emitter https://ruit.me/blog/event-emitter A lightweight pub/sub mechanism to handle custom events without adding a full-blown library. Mon, 06 Sep 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascriptpatternevent-emitterpubsub https://ruit.me/blog/manipulating-dates-in-shopify-liquid https://ruit.me/blog/manipulating-dates-in-shopify-liquid How to manipulate dates (adding, subtracting, and formatting, etc) in Shopify's Liquid template language. Sun, 29 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) liquidshopifydate https://ruit.me/blog/read-all-file-names-inside-a-folder https://ruit.me/blog/read-all-file-names-inside-a-folder A quick utility to read all file names in a directory using Node.js. Sat, 28 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) bashshellscript https://ruit.me/blog/gitignore-ignore-directory-keep-1-file https://ruit.me/blog/gitignore-ignore-directory-keep-1-file How to ignore all files in a directory except for a specific one. Fri, 27 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) gitgitignore https://ruit.me/blog/sync-react-component-state-with-local-storage https://ruit.me/blog/sync-react-component-state-with-local-storage Utilize a custom hook that syncs state with local storage, allowing for persistent state between sessions. Fri, 27 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) reactstatehookslocal-storage https://ruit.me/blog/prevent-layout-shift-while-show-hide-scrollbar-on-window https://ruit.me/blog/prevent-layout-shift-while-show-hide-scrollbar-on-window When toggling the scrollbar on the Window, the layout shifts. This is because the scrollbar is added to the Window. How to prevent this with CSS? Mon, 16 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) csstrickslayout-shiftscrollbarwindow https://ruit.me/blog/key-notes-while-working-with-git https://ruit.me/blog/key-notes-while-working-with-git Key notes to save plenty of time while working with git for command-line-developer Thu, 12 Aug 2021 00:00:00 GMT realruitao@gmail.com (Rui Tao) gitgit-notesgit-aliasgit-workflows https://ruit.me/blog/tricky-use-case-of-array-map-in-js https://ruit.me/blog/tricky-use-case-of-array-map-in-js If you are familiar with functional programming, Array.prototype.map must be a function that you work with every day. We encountered a tricky use case of it at Cốc Cốc recently, it took me a while to figure out, and here's the answer... Tue, 22 Sep 2020 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascriptarraymapfunctional-programminguse-cases https://ruit.me/blog/function-declaration-vs-function-expression-in-js https://ruit.me/blog/function-declaration-vs-function-expression-in-js Learn about the differences between Function Declaration and Function Expression in JavaScript, including their definitions, hoisting behavior, and when to use each method. Thu, 17 Sep 2020 00:00:00 GMT realruitao@gmail.com (Rui Tao) javascriptfunctionfunction-declarationfunction-expressionanonymous-functionarrow-functiones5es6 https://ruit.me/blog/integrate-tailwind-css-with-react-application https://ruit.me/blog/integrate-tailwind-css-with-react-application Tailwind CSS is a low-level CSS framework that’s highly customizable. Unlike other frameworks that focus on pre-designed components like buttons, cards, or modals, which are easy to start with but hard to customize later, Tailwind lets you build your own designs from scratch using utility classes... Mon, 31 Aug 2020 00:00:00 GMT realruitao@gmail.com (Rui Tao) tailwind-cssreactpostcssintegration https://ruit.me/blog/set-up-path-aliases-in-nodejs https://ruit.me/blog/set-up-path-aliases-in-nodejs Tired of dealing with complex file paths in your Node.js project? Learn how to set up module aliases using TypeScript and module-alias package to simplify your imports and improve your development experience. Thu, 27 Aug 2020 00:00:00 GMT realruitao@gmail.com (Rui Tao) nodejstypescriptjavascriptaliaspath-aliasestsconfig https://ruit.me/blog/nodejs-fetch-json-with-https https://ruit.me/blog/nodejs-fetch-json-with-https Learn how to make HTTP requests in Node.js without adding unnecessary dependencies to your project using the built-in https module. Follow these simple steps to easily fetch JSON data from external APIs and servers. Tue, 18 Aug 2020 00:00:00 GMT realruitao@gmail.com (Rui Tao) nodejsrequestjsonhttpsbuilt-in-module