Links

Table of Contents

• programming
• github
• tools
• etc

Programming

• React Server Components Guide: A comprehensive guide to understanding and implementing React Server Components.
• Introduction to Node.js (New Official Docs) : The official Node.js documentation providing an introduction to the runtime environment.
• Text Variants in UI Design : A resource exploring different text variations and their applications in user interface design.
• Shadcn UI Blocks - Reusable UI Components : A collection of reusable UI components and blocks built with Tailwind CSS.
• NextUI Pro Components : A set of premium React components built on top of NextUI for rapid UI development.
• HackerOne Disclosed Reports : A list of publicly disclosed security vulnerability reports on the HackerOne platform.
• Migrating from Prisma to Drizzle ORM: A guide on how to migrate your database ORM from Prisma to Drizzle ORM.
• Demystifying React Server Components: An in-depth explanation of React Server Components and their benefits.
• UploadThing - File Uploads for Next.js: A file upload solution specifically designed for Next.js applications.
• BuildUI Blog - UI Development Insights: A blog featuring articles and tutorials on UI development best practices.
• Hackers-Arise - Getting Started with Ethical Hacking: A resource for beginners to learn about ethical hacking and cybersecurity.
• Introduction to Parser Combinators: An article explaining the concept and implementation of parser combinators.
• Type-Level TypeScript Workshop: A workshop on advanced TypeScript concepts and type-level programming.
• JavaScript Pro - Directory Structure: A guide on organizing JavaScript project directory structures effectively.
• Streaming Granular Status from a Long-Running Server Action: A discussion on implementing streaming status updates for server actions. GitHub Code Example for Server Action Status: Code snippet demonstrating server action status implementation.
• PortSwigger Web Security Learning Paths: Structured learning paths for web security and penetration testing.
• JS13kGames 2023 Resources: A collection of resources and posts related to the JS13kGames competition, which challenges developers to create games under 13KB.
• Fort Knight Post-Mortem: A detailed post-mortem of the JS13kGames entry "Fort Knight," discussing the development process, challenges, and learnings.
• The Terror of Mongolia JS13k Post-Mortem Part 1: An in-depth look at the development journey of the JS13kGames entry "The Terror of Mongolia," including design decisions and technical hurdles.
• Turing Complete: An article exploring the concept of Turing completeness, its implications, and applications in computer science.
• Server Components in React: An exploration of React server components, discussing their benefits, how they work, and their potential impact on React development.
• Reverse Engineering Google Colab: A deep dive into the inner workings of Google Colab, uncovering its architecture and functionalities.
• Building a Screenshot API: A guide on creating a screenshot API, including the technical stack, challenges, and solutions involved in the process.
• Type Programming: An advanced exploration of TypeScript's type system, showcasing complex type manipulations and programming techniques.
• Extreme Explorations of TypeScript's Type System: A deep dive into the capabilities and boundaries of TypeScript's type system, with examples of extreme type programming.
• Defensive CSS Tips: A collection of CSS techniques to create more robust and maintainable stylesheets.
• Assembly Interpreter in TypeScript's Type System: An exploration of implementing an assembly interpreter using TypeScript's advanced type system features.
• Type System Game Engines: A discussion on creating game engines using TypeScript's type system.
• Josh W Comeau's Code Snippets: A collection of useful code snippets and mini-tutorials for web development.
• Grug Brain Dev: A humorous take on software development principles and practices.
• Maxime Heckel's Blog: A blog covering various topics in web development, React, and UI/UX design.
• Algorithms by Mike Bostock: Visualizations and explanations of various algorithms by the creator of D3.js.
• Latency Numbers Every Web Developer Should Know: Key latency figures that are crucial for optimizing web applications.
• Building a JavaScript Testing Framework: A guide on creating a custom JavaScript testing framework from scratch.
• Explained from First Principles: Email: An in-depth explanation of how email works, starting from basic principles.
• Tuple Types Indexed by Type Parameter: An exploration of advanced TypeScript tuple types and their applications.
• Using Deferred Value in React: A guide on using the useDeferredValue hook in React for performance optimization.
• React Treeview Component: A tutorial on building a customizable treeview component in React.
• Spy Chrome Extension: An article discussing the creation of a Chrome extension for web scraping and monitoring.
• Slack Architecture: An overview of Slack's system architecture and design principles.
• tRPC Actions: An introduction to tRPC actions for building type-safe APIs in TypeScript.
• Component Gallery: A curated collection of UI components and design patterns for inspiration.
• SSH Key Injection in Google Cloud: A guide on how to securely inject SSH keys into Google Cloud instances for improved access management.
• Intro to Parser Combinators: An introduction to the concept of parser combinators and their implementation in programming languages.
• Dwitter: A social network for creating and sharing short JavaScript animations and demos.
• Instant Search Params with React Server Components: A tutorial on implementing instant search functionality using React Server Components.
• Joshua K Goldberg's Blog: A blog covering various topics in software development, TypeScript, and open source.
• Do You Still Need Framer Motion?: An article discussing the relevance of Framer Motion in modern web development.
• What are React Server Components?: An explanation of React Server Components and their role in modern web applications.
• CPU.land: An interactive guide to understanding how CPUs work and process instructions.
• Explaining the Postgres Meme: A breakdown of a popular meme about PostgreSQL and its features.
• Animated List Recipes: A collection of recipes for creating animated lists in web applications.
• Beyond XSS: A comprehensive guide to understanding and preventing cross-site scripting (XSS) attacks.
• Making TanStack Table: A tutorial on creating tables using the TanStack Table library.
• React Google Maps Drawing Tools: A guide on implementing drawing tools with React and Google Maps API.
• Write Your Own Zod: Validating Schemas: A tutorial on creating a schema validation library similar to Zod.
• Marvin H's Blog: A blog covering topics in web development, performance optimization, and software engineering.
• SQLBolt: An interactive tutorial for learning SQL through hands-on exercises.
• Scaling Kubernetes to 7500 Nodes: A case study on how OpenAI scaled their Kubernetes cluster to 7500 nodes.
• Making a Font: A guide on the process of creating a custom font from scratch.
• DoomPhone: A project showcasing how to run the classic game Doom on a web-based phone emulator.
• Ahmad Shadeed's Blog: A comprehensive resource for web developers and designers, featuring in-depth articles on CSS, HTML, web design, and front-end development best practices.

Github

• Tremor - React Components for Dashboards: A library of React components specifically designed for building data-driven dashboards.
• Trellix tRPC - Trello Clone with tRPC : A GitHub repository showcasing a Trello clone built using tRPC for type-safe APIs.
• Create T3 Turbo - T3 Stack Monorepo : A monorepo starter template for the T3 stack, optimized for turborepo.
• Chatbot UI - Open Source Chat Interface : An open-source chatbot interface that can be customized and integrated into various projects.
• Unkey - Open Source API Authentication and Authorization: An open-source solution for API key management and authorization.
• EXIF Photo Blog - Next.js Photo Blog with EXIF Data: A Next.js-based photo blog that displays EXIF metadata for uploaded images.
• What Happens When: A detailed walkthrough of what happens when you type a URL into your browser and press enter.
• Debugging Stories: A collection of interesting and challenging debugging experiences shared by developers.
• LLM.c Discussions: A discussion thread about Andrej Karpathy's LLM.c project, which implements a large language model in C.
• Awesome Performance Patches: A curated list of performance-enhancing patches for various software projects.
• LLM101n: An introductory course on Large Language Models by Andrej Karpathy, covering fundamentals and practical applications.
• Build NanoGPT: A tutorial repository for building a small-scale GPT model from scratch, ideal for learning about transformer architectures.
• Peated: An open-source whisky tracking and rating application for enthusiasts and connoisseurs.
• MotionVariants: A collection of reusable motion components and animations for enhancing web interfaces.
• Sandbox: A collaborative coding environment for real-time pair programming and code sharing.
• Midday AI: An open-source AI assistant platform for building and deploying custom chatbots and virtual assistants.
• onur.dev: The source code for Onur Şuyalçınkaya's personal website, showcasing web development techniques and design.
• Make Real: A tool by tldraw for converting hand-drawn sketches into functional user interfaces and prototypes.
• TypeHero: An interactive platform for learning and practicing TypeScript through coding challenges and exercises.
• Course Builder: A framework for creating and managing online courses, designed for educators and content creators.
• Plane: An open-source project management tool with features for task tracking, collaboration, and team productivity.

Tools

• Excalidraw - Virtual Whiteboard for Sketching: A simple and intuitive online drawing tool for creating diagrams and sketches.
• tldraw - Collaborative Drawing Tool: A web-based drawing application that allows real-time collaboration on shared canvases.
• tldraw Developer Documentation: Comprehensive guide for developers looking to integrate or extend tldraw's functionality.
• LogoIpsum - Placeholder Logo Generator: A free tool for generating temporary logos for design mockups and prototypes.
• Val Town - Serverless JavaScript Environment: A platform for writing, running, and sharing JavaScript code snippets without server management.
• Suno - AI Music Generation : An artificial intelligence platform that creates original music compositions based on user inputs.
• Cron-Job.org - Free Cron Job Scheduling Service : A web-based service for scheduling and managing automated tasks and scripts.
• Screenshot to Code - AI-powered UI Generation : A tool that converts screenshots of user interfaces into functional HTML and CSS code.
• v0 by Vercel - AI-powered UI Generation : An AI-driven platform for creating user interface designs and components.
• Dub - URL Shortener and Link Management : A service for creating and managing shortened URLs with analytics and customization options.
• SunCalc - Sun Position and Phase Calculator : A web application for calculating sun positions, phases, and times for any location and date.
• RoomGPT - AI Room Design Generator : An open-source project that uses AI to generate interior design concepts from room images.
• JSON Crack - JSON Viewer and Editor : An online tool for visualizing, editing, and analyzing JSON data structures.
• Web-Check.xyz: A comprehensive web security and information gathering tool for analyzing websites and domains.
• Loupe: An educational tool for visualizing JavaScript's call stack, event loop, and callback queue.
• Variant Vault: A showcase of the MotionVariants library, demonstrating various animation examples and use cases.

etc

• Chronophoto - Historical Photo Game: An engaging game that challenges players to guess the year a historical photograph was taken, testing their knowledge of visual history.
• Manifold Markets - Prediction Market Platform: A platform where users can create and trade on prediction markets for various topics, fostering collective forecasting and decision-making.
• Foto Webcam - High-Quality European Webcams : A collection of high-resolution webcams across Europe, offering real-time views of scenic locations and cityscapes.
• LLM Visualization - Interactive Large Language Model Explainer : An interactive visualization tool that helps users understand the inner workings of large language models through engaging graphics and explanations.
• Anthropic Prompt Library - AI Prompting Resources : A comprehensive collection of prompts and techniques for effectively interacting with AI language models, curated by Anthropic.
• Sam Altman's Blog - Thoughts on AI and Technology : Personal blog of Sam Altman, CEO of OpenAI, featuring insights and opinions on artificial intelligence, technology, and their impact on society.
• UI Labs - UI Component Playground : An interactive platform for exploring and experimenting with various user interface components, helping developers and designers create better web interfaces.
• Hacker News - Tech News Aggregator : A popular community-driven news website focusing on computer science, entrepreneurship, and technology, known for its insightful discussions.
• OpenAI Prompt Engineering Guide - Six Strategies for Better Results : A comprehensive guide from OpenAI outlining six effective strategies for improving results when working with AI language models through better prompt engineering.
• 3Blue1Brown Lessons - Visual, Animated Math Concepts: A collection of engaging, visually-driven mathematics lessons that explain complex concepts through intuitive animations and clear explanations.
• Rethinking the Startup MVP: An article discussing new approaches to building minimum viable products for startups.
• Redesigning the Linear UI: A case study on the process of redesigning the user interface for Linear, a project management tool.
• Developer Marketing: Insights and strategies for marketing to developers effectively.
• Immersive Linear Algebra: An interactive, visual approach to learning linear algebra concepts.
• Enlightment: A philosophical exploration of personal growth and self-awareness.
• How to Pass Any First-Round Interview: Tips and strategies for succeeding in initial job interviews.
• Malte's Handbook: A collection of insights and best practices for software engineering and team management.
• Cal.com Handbook: The public company handbook for Cal.com, covering processes, culture, and best practices.
• Things You Should Never Do, Part I: A classic article by Joel Spolsky on why rewriting code from scratch is usually a bad idea.