Community Picks·2yEvery React Concept Explained in 5 Minutes
React is a versatile JavaScript library for building front-end code efficiently. Key concepts include Components, JSX, Fragments, Props, State, Lifecycle Methods, Purity, Strict Mode, Hooks, Context API, Lists and Keys, Controlled and Uncontrolled Components, and React Router. Understanding these concepts enables efficient development of interactive and dynamic web applications using React.
Community Picks·2y101 React Tips & Tricks For Beginners To Experts ✨
This comprehensive guide shares 101 React tips and tricks collected over 5 years of professional experience. It covers a wide range of topics including component organization, design patterns, state management, code optimization, debugging, testing, hooks, and useful React libraries/tools. Key takeaways include efficient use of props, state, and context, leveraging design patterns and memoization, and employing critical React libraries for enhanced development.
Robin Wieruch·2yReact is a Full-Stack Framework
React has evolved into a full-stack framework with the introduction of Server Components and Server Actions, allowing for seamless integration between frontend and backend. This paradigm shift has created an environment where TypeScript has become the industry standard, and tools like tRPC make calling backend functions more efficient. While initially popular as a frontend framework, React's new capabilities, especially as implemented in Next.js, empower developers to directly access server-side resources. This marks the beginning of a new era of full-stack development where React developers can implement features across the entire stack, from UI to database.
Community Picks·2yEncore.ts — 9x faster than Express.js & 3x faster than Bun + Zod
Encore.ts is an Open Source backend framework for TypeScript, boasting performance numbers 9x faster than Express.js and 3x faster than Bun with Zod. Its architecture leverages a multi-threaded event loop using Rust, and precomputes request schemas to optimize performance. With infrastructure integrations built in Rust, Encore.ts aims to off-load non-business logic from the JavaScript event loop, making backend applications highly optimized for speed and efficiency while maintaining compatibility with Node.js.
Community Picks·2yThe fullstack TypeScript development platform
Convex is an open-source backend platform designed for application builders, offering product-centric APIs. It allows developers to fetch data, perform business logic with strong consistency, and manage data operations using TypeScript. It supports third-party service calls without affecting database performance and provides features for scheduling asynchronous jobs and controlling data flow.
asayer·2yExciting New Features in TypeScript 5.5
TypeScript 5.5 introduces several new features designed to improve code safety and developer experience. Key updates include refined type-checking algorithms, inferred type predicates, improved control flow narrowing, and syntax checking for regular expressions. Additionally, new methods for Set operations such as union, intersection, difference, and symmetric difference have been added, enhancing code efficiency and readability. This version remains backward-compatible and addresses deprecated features from earlier updates.
Web Dev Simplified·2yMust Have VSCode Extension For TypeScript Devs
The Pretty TypeScript Better Type Previews extension for VSCode helps TypeScript developers by providing expanded type information when hovering over variables or types. This facilitates understanding complex types without tracking down type definitions manually, making development more efficient.
YouTube·2yBuild a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind
The post describes a comprehensive course on building a full-stack mobile app using React Native. Highlights include creating an Uber clone with 15 screens and advanced features like Expo router, global state management with Zustan, Expo Location, PostgreSQL database, email authentication with Clerk, and Stripe payments. The course aims to teach a wide range of essential mobile app development skills including splash screens, custom tabs, navigation models, Google Maps integration, and responsive design across devices. It also introduces useful development tools like WebStorm for enhanced productivity.
asayer·2yDebugging TypeScript with Visual Studio Code
Learn how to configure Visual Studio Code for debugging TypeScript code with a step-by-step guide. The guide covers generating tsconfig.json, setting up transpilation configurations, creating and modifying the launch.json file, and using VS Code's debugging tools. Includes practical examples and instructions for setting up automatic code transpilation.
Coins Bench·2yBuild a Web3 Movie Streaming dApp using NextJs, Tailwind, and Sia Renterd: Part One
Learn how to build a Web3 movie streaming decentralized application (dApp) using NextJs, TypeScript, Tailwind CSS, and Sia Renterd. This guide covers setting up the project, installing necessary packages, and configuring environment variables. The tutorial is split into three parts: project setup, backend development, and frontend integration, making it easy to follow and implement the steps to create your own video streaming platform.
TypeScript.TV·2yHow to write declarative TypeScript Code?
Declarative programming in TypeScript focuses on defining the desired outcome rather than the specific steps to achieve it. Unlike imperative programming, which details every step and state change, declarative programming relies on abstractions to handle these complexities. An illustrative comparison is made using the example of filtering even numbers from an array, highlighting key differences in control flow, state management, and code focus.
Community Picks·2yWhy Unknown Types Are Useful
When dealing with external data in programming, you cannot be certain of its type without validation. Assigning an 'unknown' type to unverified data ensures type safety, compelling developers to validate data before use. This helps prevent runtime errors caused by unsafe assumptions about input data. The post highlights the importance of cautious type handling and demonstrates how to use 'unknown' types to improve code reliability.
Community Picks·2yBuilding an AI-powered quiz application with Next.js and OpenAI
Learn how to build an AI-powered quiz application using Next.js and OpenAI. The tutorial covers creating a dynamic quiz interface, leveraging OpenAI to generate questions, managing user score, and best practices for integrating AI features. Additionally, it introduces Latitude AI, a platform for developing AI applications, and guides you through setting up the project, from creating a new Next.js app to deploying AI-powered features.
DEV·2yProject Starter Kit: Neon Postgres Database + ExpressJs + TypeScript and TypeORM
A comprehensive starter kit incorporating TypeScript, TypeORM, Neon Postgres, and ExpressJs is available for quickly scaffolding backend projects. It provides CRUD operations, entity definitions, and database configurations. The kit includes a CLI tool for easy setup and is well-documented for both beginners and advanced developers. Find it on GitHub and use it to boost productivity and ensure best practices.
Community Picks·2yA different way to think about TypeScript
Think of TypeScript's type system as a functional language that operates over sets. Types can be considered as sets of literals they can construct. By resolving types into sets, intersections and unions become clearer. Primitives in TypeScript allow introspection and transformation of these sets. Mapped types and recursive logic enable advanced type manipulations. Viewing TypeScript through this lens helps to understand and utilize its advanced features better.
Community Picks·2ymuneebhashone/typescript-backend-toolkit: TypeScript Backend Toolkit
This robust TypeScript backend boilerplate emphasizes scalability, flexibility, and ease of development. It includes modern technologies and best practices such as MongoDB and Redis setup with Docker, comprehensive user management, file uploads with Multer and S3, Zod for data validation, and extensive middleware support. The setup guide covers Docker Services, dependency installation with PNPM, environment configuration, and running the development server. The toolkit also supports advanced features like JWT extraction, background job handling with BullMQ, email handling with Nodemailer, ESLint for code quality, and infrastructure management with AWS CDK.
Arcjet·2yA Modern Approach to Secure APIs with Node.js, Express, TypeScript, and ESM
Learn to build a modern, secure Node.js API with Express, TypeScript, and ESM. Configure TypeScript with Express, enable hot-reloading with nodemon, and secure your API using Arcjet for rate-limiting and bot protection. The guide includes steps to initialize a Node.js project, configure a TypeScript setup, set up an Express server, and integrate security measures while ensuring smooth development with hot-reloading.
DEV·2yModern API Development with Node.js, Express, and TypeScript using Clean Architecture
This guide covers building a modern API using Node.js, Express, and TypeScript, with a focus on Clean Architecture principles. Topics include setting up the project, structuring it with Clean Architecture, implementing various layers such as domain, use cases, infrastructure, and interface. It also touches on Dependency Injection, error handling, data validation, real database integration with MongoDB, authentication with JWT, logging with Winston, environment configuration, CI/CD, and project documentation with Swagger.
Hacker News·2ysrcbookdev/srcbook: JS/TS notebook
Srcbook is a CLI application with a web interface that allows for the creation, execution, and sharing of TypeScript and JavaScript notebooks. It supports local execution, exporting to markdown, and includes AI features for idea exploration. Srcbook can be installed via npm, offers various commands for users, and is open-source under the Apache2 license.
Community Picks·2yPractical Guide to Implementing Functional SEO in NextJS App Router: Static & Dynamic Metadata
Learn how to implement functional SEO in NextJS using the App Router. This guide covers setting up static and dynamic metadata, generating sitemaps and robots.txt, and creating reusable metadata functions. Enhance your site's SEO with NextJS's flexible routing patterns and metadata management capabilities.
