Published inITNEXT·PinnedMember-only🔥 Mastering TypeScript: 20 Best Practices for Improved Code QualityAchieve Typescript mastery with a 20-steps guide, that takes you from Padawan to Obi-Wan. Content Intro Best Practice 1: Strict Type Checking Best Practice 2: Type Inference Best Practice 3: Linters Best Practice 4: Interfaces Best Practice 5: Type Aliases Best Practice 6: Using Tuples Best Practice 7: Using any Type …Typescript14 min readTypescript14 min read
22 hours agoMember-only🟨 Best Practices of Using Native dialog HTML ElementThe <dialog> element is a native HTML element that represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow. It has some advantages over custom dialog implementations, such as usability and accessibility features that are built-in by the browser. The <dialog> element is an…JavaScript9 min readJavaScript9 min read
Published inITNEXT·1 day agoMember-only🚀 Best Practices of RxJS and Svelte: A Powerful CombinationRxJS and Svelte are two popular libraries that can be used together to create reactive web applications. RxJS is a library for composing asynchronous and event-based programs using observable sequences. Svelte is a compiler that generates highly efficient code for manipulating the DOM based on reactive state updates. …JavaScript10 min readJavaScript10 min read
Published inLevel Up Coding·1 day agoMember-only🤔 How ChatGPT was trained?We will explore the training pipeline of GPT assistants like ChatGPT, from tokenization to pretraining, supervised finetuning, and Reinforcement Learning from Human Feedback (RLHF). …AI4 min readAI4 min read
Published inITNEXT·3 days agoMember-only🌍 Master React Global State and More with Singleton PatternEnjoy the art of global state in React and More using the power of the Singleton pattern Content Before We Start Introduction to Singleton Pattern The ways of implementing Singleton Pattern in Typescript Using Singleton Pattern to create API service in React Using Singleton Pattern to Manage Global State in React …JavaScript11 min readJavaScript11 min read
Published inITNEXT·6 days agoMember-only⚡ Top 5 State Management for SvelteSvelte is a modern framework for building user interfaces with minimal boilerplate and high performance. One of the challenges of developing complex web applications is managing the state of the data and components. State management refers to how we store, update, and share data across different parts of the application. …JavaScript9 min readJavaScript9 min read
Published inITNEXT·May 24Member-only⚛️ Best Practices of Using useLayoutEffect in ReactReact provides two hooks for running side effects: useEffect and useLayoutEffect. Both hooks have the same signature and accept a function that contains the effect logic and an optional array of dependencies. However, they differ in when they are executeduseEffect runs asynchronously after the browser has painted the screen, while…JavaScript6 min readJavaScript6 min read
Published inITNEXT·May 23Member-only⚛️ Always Use Functional Update: setVar(oldVar => oldVar + 1) in State HookState hooks are a powerful feature of React that allow you to manage state in functional components. However, there is a subtle difference between using a normal update and a functional update when calling the state setter function. Today, we will explain why you should always use functional update instead…JavaScript5 min readJavaScript5 min read
Published inITNEXT·May 22Member-only⚛️ Best Practices of useSyncExternalStore in ReactuseSyncExternalStore is a React Hook that lets you subscribe to an external store. An external store is something that you can subscribe to, such as Redux store, Zustand store, global variables, module scope variables, DOM state, etc. It is different from internal stores, such as props, context, useState, useReducer, which…JavaScript8 min readJavaScript8 min read
Published inITNEXT·May 18Member-only🕒 Best Practices: React useDeferredValue to Improve PerformanceReact 18 introduces a new hook called useDeferredValue that can help you improve the performance and user experience of your app by deferring the update of some part of the UI. useDeferredValue hook lets you defer updating a part of the UI until the next render cycle. …React5 min readReact5 min read
