Best of Medium2023

  1. 1
    Article
    Avatar of medium_jsMedium·3y

    6 Advanced TypeScript tricks for Clean Code

    Explore advanced TypeScript topics such as advanced types, decorators, namespaces, mixins, type guards, and utility types to write cleaner, more organized, and maintainable code that takes advantage of TypeScript's powerful features.

  2. 2
    Article
    Avatar of medium_jsMedium·3y

    15 Terrible Advice for Web Developers

    Fotis Adamakis came up with 15 terrible advice for Web Developers. The advice is full of useful articles and great advice to create robust and maintainable applications. But what if you don't like your colleagues and want to ruin their day?

  3. 3
    Article
    Avatar of medium_jsMedium·3y

    A Front-End Application Folder Structure that Makes Sense

    The goal is to apply some kind of modularisation that will make the codebase easier to understand by setting boundaries between features and minimizing code coupling and side effects. By default when scaffolding a new project using one of the popular front-end frameworks the component structure is flat and follows no hierarchy whatsoever.

  4. 4
    Article
    Avatar of medium_jsMedium·3y

    4 React Tips to Instantly Improve Your Code

    Tips to improve React code, including using currying in handlers, separating responsibilities in components, using object maps instead of conditions, and putting independent variables outside of React lifecycle.

  5. 5
    Article
    Avatar of medium_jsMedium·3y

    Doing much better than your .env file

    Tony: I argue again for why we should reduce the practice of storing all environment variables in a.env file and move to a more sophisticated approach for managing them in local development. He says this article is intended for software development teams and not security and devops teams that already have this figured out.

  6. 6
    Article
    Avatar of medium_jsMedium·3y

    JavaScript Shorthand Techniques — Ultimate Cheat-Sheet

    Learn JavaScript shorthand techniques, including the Ternary Operator, short-circuit evaluation, default parameter values, object property shorthand, destructuring assignment, arrow functions, template literals, and array methods.

  7. 7
    Article
    Avatar of medium_jsMedium·3y

    Master the Perfect ChatGPT Prompt Formula

    Master the Perfect ChatGPT Prompt Formula. Master the Perfect Prompt Formula. In this article, I will share with you 6 basic elements that a good prompt should have. The first thing we need to understand is that the following elements are listed in descending order of importance: task, context, exemplar, persona, format and tone.

  8. 8
    Article
    Avatar of medium_jsMedium·3y

    The most failed JavaScript interview questions

    Learn about some common JavaScript interview questions, including topics such as the event loop, variable scope, and ES6 modules.

  9. 9
    Article
    Avatar of medium_jsMedium·3y

    Send large files from frontend to the backend

    Learn how to send large files from frontend to backend using FileReader in JavaScript. Split the file into small chunks and stream them to the backend. Send the file name as a query parameter for unique identification.

  10. 10
    Article
    Avatar of medium_jsMedium·3y

    Serverless Bun vs Node: Benchmarking on AWS Lambda

    Serverless Bun vs Node: Benchmarking on AWS Lambda. Bun promises a whole host of benefits, mostly around performance and developer experience, while boasting strong interoperability standards. Bun claims it can process logic at 3-4x the speed of NodeJS.

  11. 11
    Article
    Avatar of medium_jsMedium·3y

    Object-oriented Programming (OOP) in JavaScript

    This post explores key concepts of Object-oriented Programming (OOP) in JavaScript, including objects, classes, inheritance, encapsulation, and polymorphism. By understanding these concepts and how to use them, developers can write more maintainable and reusable code in JavaScript applications.

  12. 12
    Article
    Avatar of medium_jsMedium·2y

    UX/UI Design Trends Going Into 2024

    The article discusses various design trends that are expected to continue into 2024, including Bento boxes in UI design, spatial design and leaps in technology, the accessibility and personalization trends in UX design, and the rise of AI-powered design tools.

  13. 13
    Article
    Avatar of medium_jsMedium·3y

    Learn JavaScript by Implementing Memoization

    Learn about memoization in JavaScript and how to implement it. Explore topics such as closure, higher-order functions, pure functions, and caching the result of function calls. Discover popular memoization libraries and their use in React. Implement memoization for functions with and without arguments. Understand argument comparison policies and cache lifetime. Learn about cache replacement strategies such as LRU (Least Recently Used). Finally, explore manual cache invalidation and context-aware memoization.

  14. 14
    Article
    Avatar of medium_jsMedium·3y

    Best Practices for Building Large-Scale Node.js Applications

    Best practices for building and scaling large-scale Node.js applications, including code organization, performance optimization, scalability, and security.

  15. 15
    Article
    Avatar of medium_jsMedium·2y

    The Art of Crafting Dockerfile

    Learn about Dockerfile, its format, and key commands for building Docker images and containers.

  16. 16
    Article
    Avatar of medium_jsMedium·3y

    Advantages of Node.js

    Node.js is a powerful, lightweight, and efficient JavaScript runtime that allows developers to write server-side and client-side code using the same programming language. It has advantages such as asynchronous and non-blocking operations, fast execution, and access to a vast ecosystem of open-source libraries. To become a Node.js developer, one should first master JavaScript fundamentals, then learn Node.js basics, explore the Express.js framework, and deep dive into asynchronous programming.

  17. 17
    Article
    Avatar of medium_jsMedium·3y

    JavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide

    JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.

  18. 18
    Article
    Avatar of medium_jsMedium·3y

    10 Best React Libraries for Building High-Performance Web Applications 2023

    Discover the top 10 React libraries for building high-performance web applications with improved development time, consistent user interfaces, and optimized performance.

  19. 19
    Article
    Avatar of medium_jsMedium·3y

    Design Patterns in Node.js: A Fun TypeScript Adventure!

    Design Patterns in Node.js: A Fun TypeScript Adventure! In this article, we’ll dive headfirst into the exciting world of design patterns with TypeScript examples. We'll cover the Singleton, Observer, Factory, and Command patterns with a healthy dose of TypeScript.

  20. 20
    Article
    Avatar of medium_jsMedium·3y

    Why PHP should be renamed to HypeScript

    PHP is facing challenges as it is perceived as not cool anymore, leading to a decline in popularity among younger developers. The post suggests renaming PHP to HypeScript as a way to rebrand and attract new developers without changing the programming language.

  21. 21
    Article
    Avatar of medium_jsMedium·3y

    2023 DevOps is terrible.

    2023 DevOps is terrible. My analysis of modern DevOps evolution is terrible. I've been around the DevOps/Cloud area of the IT industry for a few years now. The shift Big techs aside, there are a few companies out there, able to implement and manage DevOps at scale.

  22. 22
    Article
    Avatar of medium_jsMedium·3y

    React Folder/File Structure Patterns and Tips: Part 2

    This article provides tips and best practices for organizing folder and file structures in React projects. It suggests creating a 'shared' folder for common components, using an 'index.js' file for every component and page, importing files to one file and exporting from it, getting rid of relative path hell, and keeping components length short.

  23. 23
    Article
    Avatar of medium_jsMedium·2y

    9 Ways to Loop Arrays in JavaScript

    Learn 9 effective ways to loop through arrays in JavaScript, including the classic for loop, forEach method, for...of loop, map method, while loop, do...while loop, for...in loop, reduce method, and filter method.

  24. 24
    Article
    Avatar of medium_jsMedium·3y

    Rivet Is An Open-Source Visual AI Programming Environment

    Rivet is a no code to low code prompt chaining GUI which is focussed on building complex flows, which can split (run processes in parallel) and converge again. Data handling and transformation plays a big part in the Rivest UI, together with vector stores and KNN.

  25. 25
    Article
    Avatar of medium_jsMedium·3y

    How Go fixed everything that was wrong with programming

    Go is a programming language that provides a compromise between different programming preferences, offering advantages in terms of developer ergonomics, simplicity, and maintainability. It lacks certain features like object orientation with inheritance and exception throwing, but it excels in terms of time-to-market, performance, and being statically typed. The inventors of Go designed it to help young engineers avoid common mistakes and improve productivity.