Best of Medium — 2023
- 1
- 2
- 3
Medium·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
- 5
Medium·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
- 7
Medium·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
- 9
- 10
Medium·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
Medium·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
Medium·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
Medium·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
- 15
- 16
Medium·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
Medium·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
- 19
Medium·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
Medium·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
- 22
Medium·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
- 24
Medium·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
Medium·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.