Hacker Noon·3yBuilding a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and More
Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and more. The platform is centered around the concept of a low-code development environment. Amplication is an open-source development tool designed to simplify and expedite the process of building web applications.
ITNEXT·3yBuild a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind
Build a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind. Hi everyone, I published my last video: Build a full stack Reminder App.
habr·3yReact Custom Hook: useArray
"useArray" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The useArray hook uses the useState hook from React to manage the array state. The advantages of using this custom hook are twofold: it simplifies the management of array states and provides a cleaner and more readable code structure.
ITNEXT·3yBuild a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit
Build a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit. This project is a great way to practice your React skills and learn some new techniques and libraries. So what are you waiting for? Check out the video below and let me know what you think in the comments.
TkDodo·3yArray Types in TypeScript
Matt Pocock ran a poll about the usage of (generic syntax) vs (array syntax), and the result of that poll was baffling to him. More than 78% of people on Twitter are just flat out wrong, he says. There is absolutely no functional difference between the two notations.
Community Picks·3yType vs Interface: Which Should You Use In 2023?
Type aliases can express any type. Interfaces can't express unions, mapped types, or conditional types. Interfaces have been present since the very first version of TypeScript. They're inspired by object-oriented programming and allow you to use inheritance to create types.
This is Learning·3yLearning Web Development Together with a Real Project
The app is currently based on Next.js with TypeScript and Tailwind CSS. We manage some data, specifically from the GitHub APIs using the GraphQL endpoint and React Query. There's a login feature with NextAuth using GitHub as a provider. The project is open to any kind of contribution, from fixing typos to adding new features.
WunderGraph·3y5 Best Practices for Backends-for-Frontends
The Backends-for-Frontends (BFF) pattern is an interesting solution to a problem many teams face. BFF stands for Backend For Frontend, and it’s a very clever way to architect your application in a way so that no matter how many different frontend experiences you offer, the core backend services remain intact.
habr·3yReact Custom Hook: useAsync
The useAsync hook takes in a callback function that performs the asynchronous operation and an optional array of dependencies. It returns an object with three properties: loading, error, and value. The hook employs the useState and useEffect hooks to manage the loading state and invoke the memoized callback function when necessary.
habr·3yReact Custom Hook: useDarkMode
"UseDarkMode" Hook is one of the many carefully crafted hooks available in the collection of React custom hooks. It combines two other handy hooks and, to provide a seamless dark mode experience. It automatically detects the user's preferred color scheme and persists the dark mode state in the browser's local storage.
habr·3yReact Custom Hook: useClickOutside
The useClickOutside hook is designed to simplify the process of detecting clicks outside a specified component. It listens for click events on the document level, allowing you to trigger a callback function when a click occurs outside the provided component's reference. It works seamlessly with functional components using the useState and useRef hooks.
habr·3yReact Custom Hook: useDebugInformation
React Custom Hook: useDebugInformation is one of the many carefully crafted hooks available in the collection of React custom hooks. The hook tracks the number of renders, changed props, time since the last render, and the timestamp of the last rendering. UseDebugInformation can be applied in various scenarios.
DevBlogs·3yAnnouncing TypeScript 5.2 RC
Announcing TypeScript 5.2 RC, we expect no further changes apart from critical bug fixes. Since the Beta, we’ve added a type-checking optimization and made it possible to reference the paths of TypeScript implementation files in type-only imports. Declarations and Explicit Resource Management TypeScript5.2 adds support.
habr·3yReact Custom Hook: useCookie
React Custom Hook: useCookie is one of the many carefully crafted hooks available in the collection of React custom hooks. UseCookie allows you to effortlessly handle cookies by providing a concise interface. In scenarios where you need to remove a cookie, the deleteCookie function comes to the rescue.
Typescript·3yAnnouncing TypeScript 5.2
TypeScript 5.2 is a language that builds on top of JavaScript by making it possible to declare and describe types. Declarations and Explicit Resource Management.2 adds support for the upcoming explicit Resource Management feature in ECMAScript. It's common to need to do some sort of "clean-up" after creating an object.
Community Picks·3yIntroducing StoryLite ⚡️, a lightweight alternative to StoryBook
StoryLite is a lightweight alternative to StoryBook Lightweight drop-in app for rapid React component development and visualisation. It's written in TypeScript and powered by the blazing-fast Vite, it offers a streamlined way to preview your components in an isolated environment without the overhead of a full-fledged Storybook setup.
DEV·3yVSCode for PHP and Laravel
VSCode for PHP and Laravel development is a solid base configuration that can be expanded upon using additional workspace specific configurations. Intelephense is the most important extension to install for PHP support. Phpactor is a PHP Language Server with more features than you can shake a stick atphpactor.
habr·3yReact Custom Hook: useFetch
React Custom Hook: useFetch is one of the many carefully crafted hooks available in the collection of React custom hooks. UseFetch handles the network request, parses the JSON response, and provides the resulting data. The hook also offers flexibility through its customizable options parameter.