Best of MediumJanuary 2024

  1. 1
    Article
    Avatar of medium_jsMedium·2y

    We Forgot Frontend Basics

    This post discusses how frontend development has become overcomplicated with endless trends and paradigms, and highlights the importance of mastering basic skills, such as vanilla JavaScript, HTML, and CSS. It also provides tips for improving frontend development skills.

  2. 2
    Article
    Avatar of medium_jsMedium·2y

    Javascript Optimization Techniques

    This post covers various optimization techniques for JavaScript and React applications, including debouncing, throttling, memoization, pure components, lazy loading, virtualization, error boundaries, and the avoidance of inline functions.

  3. 3
    Article
    Avatar of medium_jsMedium·2y

    Javascript Interview Question: Why does [9,8,7,6][1,2] = 7 ?

    Learn why [9,8,7,6][1,2] evaluates to 7 and explore similar array operations in JavaScript.

  4. 4
    Article
    Avatar of medium_jsMedium·2y

    VScode Extensions for Documentation

    This post reviews the author's favorite VScode extensions for documentation, including Quarto, Jupyter, and Markdown All in One.

  5. 5
    Article
    Avatar of medium_jsMedium·2y

    Frontend Masters: Feature-Sliced Design (FSD) Pattern

    Learn about Feature-Sliced Design (FSD), a methodology for organizing web and mobile applications into smaller, self-contained features. It uses a pizza analogy to explain the concept of layers, slices, and segments. FSD offers benefits like easier management, scalability, faster development, clear ownership, and simplified testing. However, it also has challenges like planning, learning curve, teamwork effort, potential redundancy, and limited tools.

  6. 6
    Article
    Avatar of medium_jsMedium·2y

    Things You Don’t Know About Next.js

    NextJS 14 promises a faster, more enjoyable development journey for React developers. This post reveals concepts of NextJS that many developers may not know, such as using Route Group functionality for organizing folder structures, leveraging the Metadata API for improved SEO, and creating active links in Next.js for enhanced user experience.

  7. 7
    Article
    Avatar of medium_jsMedium·2y

    How to become an AI engineer (2024)

    AI engineering is a rapidly evolving field that involves developing and implementing AI systems. It requires programming skills, mathematical acumen, big data handling, algorithmic understanding, non-technical business skills, and analytical skills. To start a career in AI engineering, one needs to acquire these skills, pursue relevant education and certifications, network with other AI engineers, and apply for AI engineer jobs.

  8. 8
    Article
    Avatar of medium_jsMedium·2y

    Ultimate ChatGPT Prompt Guide for 2024- Part 2

    Learn about the Ultimate ChatGPT Prompt Guide for 2024 and how to create precise tasks quickly for efficient AI interactions. Discover productivity and AI tools to use with ChatGPT. Explore the top trending GPTs and top writing GPTs.

  9. 9
    Article
    Avatar of medium_jsMedium·2y

    Rust: The fastest rust web framework in 2024

    Comparison of different Rust web frameworks based on performance reveals that Axum is the fastest.

  10. 10
    Article
    Avatar of medium_jsMedium·2y

    Concurrent HTTP Requests in Golang: Best Practices and Techniques

    Learn the best practices and techniques for sending concurrent HTTP requests in Golang, including using goroutines, sync.WaitGroup, channels, worker pools, and limiting goroutines. Discover strategies for handling errors in concurrent Go programs.

  11. 11
    Article
    Avatar of medium_jsMedium·2y

    React Native Masters: Solid Principles in React / React Native

    Learn about the Solid principles in software design and how they can be applied in React/React Native projects. Explore the Single Responsibility Principle and the Open/Closed Principle through code examples.

  12. 12
    Article
    Avatar of medium_jsMedium·2y

    Playing with Spotify and Golang

    This post explores how to interact with Spotify using a CLI application or custom API in Go. It covers generating a token to login to the Spotify API and searching playlists with a 'Christmas' theme.

  13. 13
    Article
    Avatar of medium_jsMedium·2y

    Performance Best Practices in Flutter

    Flutter is a UI toolkit for building fast, beautiful, natively compiled applications. It is important to optimize performance in Flutter by using stateless widgets, avoiding unnecessary widget rebuilding, using keys for performance optimization, using async and await instead of then(), avoiding costly tasks, minimizing the use of opacity and clipping, avoiding deeply nested widget hierarchies, using the Flutter DevTools for performance monitoring, and avoiding blocking the main thread.

  14. 14
    Article
    Avatar of medium_jsMedium·2y

    The Most Important Soft Skill in Tech

    Interviewing is the most important soft skill in tech. Building rapport, demonstrating value, and projecting professional growth are key objectives in an interview.

  15. 15
    Article
    Avatar of medium_jsMedium·2y

    Design better pagination

    This post covers pagination UI best practices, including navigation, numbered representation, truncating page navigation, first and last buttons, subtle styling, showing the count, amount per page, go to page input field, pagination page placement, data table bulk selection considerations, pagination vs infinite scroll, and when to use numbered navigation.

  16. 16
    Article
    Avatar of medium_jsMedium·2y

    From My Experience: useEffect vs useLayoutEffect in React

    Explore the differences between useEffect and useLayoutEffect in React. Learn when to use each hook for handling side effects and synchronizing with the DOM.

  17. 17
    Article
    Avatar of medium_jsMedium·2y

    Flutter App Intro/Onboarding Screen with Carousel & Animated Dots — NO Package

    Learn how to create an onboarding page with a carousel and animated dots in a Flutter app.

  18. 18
    Article
    Avatar of medium_jsMedium·2y

    Why UUID7 is better than UUID4 as clustered index

    This post discusses the differences between UUID version 4 and UUID version 7 as clustered indexes in a database. It explores the pros and cons of using UUIDs instead of sequential IDs and explains why UUID version 7 was faster than UUID version 4. The experiments and results are presented, along with an explanation of index locality and buffer pool in relation to the performance differences.

  19. 19
    Article
    Avatar of medium_jsMedium·2y

    Ontology-Oriented Software Development

    The software industry's focus on developing modular components rather than integrating them into cohesive enterprise systems has hindered economic productivity. Palantir aims to enable organizations to build bespoke software tools for enterprise transformation. The Ontology centralizes knowledge and harmonizes data, logic, and action elements to simplify software development and build higher-level abstractions.

  20. 20
    Article
    Avatar of medium_jsMedium·2y

    Adapter Design Pattern

    The Adapter Design Pattern is a software design pattern that allows the interface of an existing class to be used as another interface. It solves the problem of making incompatible classes compatible by using an intermediate class that implements a common interface. Some other examples of using the Adapter Design Pattern include getting news feeds from different sources, sending notifications through different channels, using different cache drivers, using different file storage adapters, logger, and database clients.

  21. 21
    Article
    Avatar of medium_jsMedium·2y

    Stop using old-fashioned closures in modern PHP. There are 4* ways to replace them.

    Learn about the popular use cases of closures in PHP, understand when it's not ideal to use closures, and discover four ways to replace them in modern PHP.

  22. 22
    Article
    Avatar of medium_jsMedium·2y

    The ultimate guide to cache-busting for React production applications

    Learn about cache-busting for React production applications and how to avoid errors when deploying new versions. Discover solutions such as adding meta elements to index.html, configuring caching with nginx, implementing retry policies for lazy loading, and more.

  23. 23
    Article
    Avatar of medium_jsMedium·2y

    Javascript Interview Question: Invoke a function without parenthesis

    Learn how to invoke a JavaScript function without using parenthesis. Explore different ways to call a function, including direct invocation, using 'call' and 'apply', using 'setTimeout', and using the 'new' keyword. Discover how 'new' can be used to invoke a function without parentheses.

  24. 24
    Article
    Avatar of medium_jsMedium·2y

    Vue Reactivity In-Depth

    Learn about Vue 3's reactivity system, its importance in web development, core concepts such as ref() and reactive(), computed properties, watchers, and advanced techniques like deep reactivity and handling form inputs. Also, discover best practices and pitfalls for optimizing performance and avoiding common mistakes.

  25. 25
    Article
    Avatar of medium_jsMedium·2y

    Vue 3.4 is here — defineModel and why it matters!

    Vue 3.4 introduces defineModel, making it easier to decouple components and minimize boilerplate code.