Published in ITNEXT·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
Published in ITNEXT·2 days agoMember-only🔥 Unlock the Full Potential of React with the Compound Components PatternLet’s improve React Component Design with This Surprisingly Easy Pattern Content What is Compound Components Design Pattern It’s all about Practice, Compound Components Best Practices Architecting React Compound Component Pattern Design Sharing State between Compound Components using Context API Conclusion Learn More What is Compound Components Design Pattern “Compound Components” is a pattern in React that allows…Programming6 min readProgramming6 min read
Published in ITNEXT·Mar 19Member-only🔥 Master RxJs Observer Pattern to Change Your React App Forever ⚛️Take the Best from the Observer pattern to your React app to boost the reactivity Content Intro Improve events handling in React with Observer Using RxJs in React for Complex Form Validation Using RxJs to handle the state in React RxJs and the Custom Hook is a better way of React…React9 min readReact9 min read
Published in Level Up Coding·Mar 13Member-only🔥Learning Proxy Pattern in React ⚛️ Will Make You Think DifferentlyPut a proxy in between will make you abstract your React code in an elegant way Content Intro Create Proxy Server in React Use Create React App (CRA) to create React Proxy Server Use http-proxy-middleware to create React Proxy Server What the heck is Proxy Components Use Proxy Component to Lazy…JavaScript6 min readJavaScript6 min read
Published in ITNEXT·Mar 6Member-only🔥Best Practices of React Builder Pattern only React Pros know 🧱Learn Builder Pattern that simplifies complex object creation and supercharges your components with flexibility Content What is Builder Pattern in the context of React What are the real-world examples of Builder Patterns in React Use Case 1: How to build a Form Builder in React using Builder Pattern Use Case 2…React9 min readReact9 min read
Published in ITNEXT·Feb 26Member-only🔥 Top 5 React Typescript Design Patterns to boost your skills to the Next Level 📈Get to the next level with your React skills, maybe you will meet the final boss eventually 😜 Content 1. Decorator for HOC 2. Builder Pattern for Form Builder 3. Factory Pattern to group components 4. Adapter Pattern for handling heterogeneous types 5. Facade Pattern for encapsulating complex components Conclusion Learn…React7 min readReact7 min read
Published in ITNEXT·Feb 12Member-only🔥 Build Beautiful Loading Skeleton Animation using CSS GridEnhance your user experience while the content loads, by using CSS Grid to create a responsive design and the magic of loading skeletons Intro If you’re a web designer or developer, you know that creating a robust user experience is key to the success of any web application, as it is…JavaScript6 min readJavaScript6 min read
Published in ITNEXT·Jan 24Member-only🔥 JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve PerformanceWe will explain the memory management in JS that will help you to optimize your applications Content Intro Understanding JavaScript Memory Management 1. Garbage collector 2. Stack vs Heap Common Causes of Memory Leaks 1. Circular reference 2. Event Listeners 3. Global variables Best Practices for Manual Memory Management 1. Using…JavaScript10 min readJavaScript10 min read
Published in ITNEXT·Jan 12Member-only🔥 JavaScript Concepts: The Good, The Bad, and The UglyDive into JavaScript concepts and discover the highs, the lows, and the ugly truths of coding in this popular programming language Content Intro 1. What is Good about Javascript concepts? Event Loop Closure Context 2. What contributed to JS's Bad Reputation Inheritance Hoisting Type Coercion 3. What are the Ugly parts…JavaScript12 min readJavaScript12 min read
Published in ITNEXT·Jan 1Member-only🔥 The Future is Now: How AI-Driven Development will Make Developers’ Life Easier in 2023From tedious tasks to intelligent assistance, maximizing productivity and minimizing errors with AI-Assisted Development Content Intro AI place among Software development approaches What are the AI coding tools available in 2022 Examples of using ChatGPT in AIDD Conclusion Learn More Intro As software developers, we’re always looking for ways to streamline our…Programming7 min readProgramming7 min read
