asayer·3y5 Tips To Improve Your TypeScript Code
TypeScript is rapidly gaining popularity as a way to write type-safer, maintainable JavaScript code. This article will cover five tips that will help you improve your TypeScript code. To get the most out of this text and become a great developer, you must have sufficient knowledge of JavaScript, including variables, data types, and methods.
Codrops·3yScroll-Based Layout Animations
The main idea is to switch the layout view while scrolling and keep the section pinned. We achieve this by combining GSAP’s ScrollTrigger and Flip which seamlessly transition the layout to a new design. This is partly inspired by this demo made by the folks of Framer University.
Community Picks·3ygibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.
The Concise TypeScript Book provides a comprehensive and succinct overview of TypeScript's capabilities. It offers clear explanations covering all aspects found in the latest version of the language. Author Simone Poggiali is an experienced Senior Front-end Developer with a passion for writing professional-grade code.
Community Picks·3yJavaScript Playground – A no-fuss pure JavaScript playground with a live feedback loop
JavaScript Playground is a small web application that provides a JavaScript playground for free. You can think of it as a tiny editor for you to quickly test any JavaScript supported by your browser. It functions pretty much like a REPL, where you are given immediate feedback on the Console screen as you change your code.
Prettier·3yPrettier 3.0: Hello, ECMAScript Modules! · Prettier
Prettier 3.0: Hello, ECMAScript Modules! We are excited to announce the release of the new version of prettier. This release also includes numerous formatting improvements and bug fixes. We'd like to extend our gratitude to Tatsunori Uchino, who has made significant contributions toprettier.
habr·3ySupercharge Your Projects with React Custom Hooks
React Hooks are a feature introduced in React version 16.8 that revolutionized the way developers write and manage stateful logic in functional components. They enable developers to break down complex components into smaller, more manageable pieces, resulting in cleaner and more maintainable code. Hooks allow developers to manage component state and handle side effects effortlessly.
LambdaTest·3yHow To Reduce Page Load Time In JavaScript
How To Reduce Page Load Time in JavaScript Solomon Eseme will explore how to reduce page load time in JavaScript. In the next section of this tutorial, we will explore the different strategies you can implement to reduce the pageload time of your software application.
freeCodeCamp·3yHow to Write Faster HTML and CSS Code Using Emmet
Emmet is an essential development tool that helps you quickly create repetitive structures like lists, tables, or ordered elements with minimal typing. It is more like a shorthand that translates to multiple lines of HTML or a CSS attribute. In this tutorial, we will learn some Emmet shortcuts that generate HTML and CSS quickly.
ITNEXT·3yAngular is getting New Template Syntax
Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to improve performance and optimizes list diffing by enforcing tracking. The team is working on an automated migration schematic to convert from the old to the new syntax.
freeCodeCamp·3yRegular Expressions for JavaScript Developers [Full Book]
Regular expressions can be intimidating when you first encounter them. When I started learning to code, I gave up on regular expressions twice. In this book, you'll also see how they work in JavaScript. You'll also need to understand the methods and functions the language uses for working with regular expressions.
freeCodeCamp·3yHow to Use the JavaScript Fullscreen API
Fullscreen API is a browser web API that allows you to enable fullscreen mode for HTML elements. It saves you the stress of using CSS and JavaScript to implement fullscreen functionality. The use cases of fullscreen API are numerous because of the increased complexity of today's websites.
Pointer·3ykamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
Driver.js is a light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page. It is written in Vanilla TypeScript, has zero dependencies and is highly customizable. Highlight anything: highlight any element on page - Focus shifters: add focus shifters for users.
Community Picks·3yCoding Randomized Zelda Patterns
The pattern is even used on the official game website. I really enjoy creating procedurally generated artwork using JavaScript and SVGs. We’ll use JavaScript to reduce repetition in our code and allow us to randomize the placement of these shapes. We can reproduce these shapes using the SVG “ vector graphic” format.
The Software House·3yA simple guide to JavaScript concurrency in Node.js
A simple guide to JavaScript concurrency in Node.js and a few traps that come with it. Why is it that despite its single-threaded design, node.js is still capable of handling concurrency and multiple I/O operations at the same time? I could end it right here and call it a day.
Hacker Noon·3yOptimizing SEO in Next.js: Techniques for Better Search Engine Visibility
Optimizing SEO in Next.js: Techniques for Better Search Engine Visibility.js is a powerful React framework. It provides developers with a solid foundation for building performant and SEO-friendly web applications. In this blog post, we will explore advanced techniques for optimizing SEO in next.js.
JavaScript in Plain English·3yRedis vs Kafka vs RabbitMQ
Redis vs Kafka vs RabbitMQ will compare the three most popular brokers: RabbitMQ, Kafka and Redis. RabbitMQ supports all major languages, including Python, Java,.NET, PHP, Ruby, JavaScript, Go, Swift, and more. Kafka Scale: can send up to a million messages per second.
DEV·3yWhat Are SOLID Design Principles
SOLID is an acronym for the first five Object-Oriented design principles by Robert C. Martin. SOLID principles are intended to make the software more understandable, flexible, scalable and maintainable. They promote good design practices and help developers create flexible, maintainable, and easy-to-understand software.
asayer·3yImplementing Live Search Functionality in JavaScript
This article will explore the ins and outs of implementing live search functionality using JavaScript. This article is designed to provide you with the general coding knowledge and tools necessary to incorporate live search into your projects. The Importance of Live Search Functionality Live search functionality has become vital in today’s digital landscape.
asayer·3yCSS wrapping made easy
CSS wrapping may be relied on when it comes to regulating how items are displayed and wrapped within a container. It emphasizes content readability and adaptability to any screen size, particularly smaller screens. CSS has several properties for managing how to make text wrap; the two most common properties are and.
Codemotion·3yHow To Optimize Next.js for Production
Next.js is now considered the framework for building the modern Internet. Next.js comes with built-in optimization features to take the performance of your production application to the next level. In this guide, you will dig into the essential strategies and best practices to deploy Next.JS to production.
freeCodeCamp·3yLearn JavaScript for Beginners – JS Basics Handbook
Learn JavaScript for Beginners - JS Basics Handbook. We'll cover things like variables, data types, functions, objects, arrays, and classes. You'll also learn how to mix them all to build a small but solid program. This tutorial focuses only on JavaScript as a programming language and uses the terminal to run the code.
TypeScript.TV·3yWhat is Downleveling in TypeScript?
TypeScript TV Downleveling refers to the process of transpiling modern TypeScript code into an older version of JavaScript. It allows developers to target older JavaScript runtime environments that may not support the latest features and syntax introduced in newer versions of ECMAScript.
