#webdev #javascript

Why URL hashes are my favorite way to fire events

As a young web developer, I often wondered what the best way to fire events was (for example, to make a link display new content on the page, without reloading). I considered using HTML elements as event handlers, by changing a property when firing an event—but this just seemed too in the way. I needed something out of the way of my HTML.

👉 Read article

@webdev_trends

#webdev #javascript #react #reacthooks #customhook

Reusing Logic in React with Custom Hooks: a Practical guide

Custom hooks are a powerful feature in React that are used for more specific purposes unlike React build-in hooks, and it's done by encapsulating common functionalities into independent functions. custom hooks promote re-usability, improve component organization and overall enhance code maintainability.

In this guide will dive into the purposes of using a custom hooks, understanding the fundamental of creating custom hook and how to use it other components. then we will illustrate a real world example by building a fetch API custom hook.

👉 Read article

@webdev_trends

#webdev #javascript #beginners

How to Check if a Key Exists in JavaScript

When working with objects in JavaScript, it’s common to encounter situations where you need to verify the presence of a specific key. Whether you're dealing with API responses, configurations, or dynamic data structures, knowing how to javascript check if a key exists is essential for writing robust and error-free code. In this article, we’ll explore various methods to determine if a key exists in an object, discussing their usage, advantages, and best practices.

👉 Read article

@webdev_trends

#webdev #javascript #proxy #scraping

Beginner's Guide to Web Scraping and Proxy Setup with JavaScript

Use JavaScript code to simulate user operations to obtain the required information. This includes simulating user operations such as opening web pages, clicking links, entering keywords, etc., and extracting the required information from the web pages.

👉 Read article

@webdev_trends

#webdev #javascript #svelte #svelte5

Fine-Grained Reactivity in Svelte 5

We’ve been looking at the up and coming Svelte 5. We looked at basic features like state, props, and side effects. Then we looked at Snippets, which is a lightweight feature Svelte added for re-using bits of HTML within (for now) a single component.

👉 Read article

@webdev_trends

#webdev #sass #css #vite #webpack

Speeding Up Your Sass Compilation in Vite and Webpack

Sass compilation can be a speed bottleneck in your build, but it doesn’t have to be anymore.

👉 Read article

@webdev_trends

#webdev #react #markdown #js #javascript

Creating Polished Content with React Markdown

Prior to John Gruber's invention of Markdown in 2004, WYSIWYG editors were commonly used for editing content on websites and the web in general. However, Markdown introduced a new era of advanced content editing by providing a simpler way to format elements in plain text documents. Today, Markdown has become one of the most popular markup languages worldwide, enabling web writers to create articles that require HTML without the complexity of writing actual HTML code.

Markdown has gained popularity due to its straightforward syntax, making it accessible to anyone familiar with basic text formatting tools. It offers a wide range of features compared to traditional methods, leading to the widespread adoption of Markdown in enterprise web applications that require text formatting capabilities.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Why It Matters ⚡️

In the world of software development, code is not just meant to work—it's meant to be maintained, understood, and extended.

This is where the concept of "clean code" comes in. Chapter 1 of Clean Code emphasizes the importance of writing clean, readable, and maintainable code, laying the foundation for software craftsmanship.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Meaningful Names

When writing code, one of the most overlooked yet critical aspects is naming.

The names we choose for variables, functions, classes, and other entities in our code can significantly impact readability, maintainability, and overall quality.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Functions ⚡️

In software development, functions are the building blocks of any application. They are the primary way we structure our logic, encapsulate behavior, and divide complex tasks into manageable pieces.

👉 Read article

@webdev_trends

#webdev #cleancode #js #javascript

Understanding Clean Code: Comments ⚡️

Code comments are considered necessary in software development, but the Clean Code book suggests that code should be self-explanatory without needing comments.

We'll explore when to use comments, when to avoid them, and how to write valuable comments in JavaScript code.

👉 Read article

@webdev_trends

#webdev #seo #google #GoogleUpdate

Google Revises Core Update Guidance: What’s Changed?

Google updates core algorithm guidance, offering advice for assessing traffic drops and improving content.

👉 Read article

@webdev_trends

#webdev #laravel #svelte

How to Integrate Svelte with Laravel: The Complete Guide

In this blog, we’ll be exploring the powerful combination of Laravel, InertiaJS, and Svelte to build fast, scalable, and maintainable web applications. But before we dive in, let’s take a brief look at each of these technologies and what they bring to the table.

👉 Read article

@webdev_trends

#webdev #javascript #js #tutorial

What is channels and the benefits of using it when working with events

Event handling is a critical aspect of any application development process. It allows applications to respond to user interactions or system occurrences by executing specific sets of code. There are various ways to manage these events, but one effective method is through the use of channels. Within this blog post, I will explore what channels are and the benefits they offer when working with events.

👉 Read article

@webdev_trends

#webdev #github #git #cli #gh

How to level up your Git game with GitHub CLI

Using Git in the CLI can improve your development speed and power. Here are our top eight commands for using GitHub via your command line.

Developers love working with the tools that make sense for them. At GitHub, we understand developers want to use GitHub in various ways. This includes using GitHub from the web, or even having a lightweight web editor with GitHub.dev. Developers can experience a full editing environment on the internet with Codespaces, use GitHub integrations with various editors, such as VS Code or JetBrains, and even use GitHub Desktop or GitHub from your mobile device with GitHub Mobile. Did you know, you can also use GitHub directly from the terminal?

👉 Read article

@webdev_trends

#laravel #feature #backend #webdev

📺 Here is What's New in Laravel

1️⃣ Is Facade Fake
2️⃣ Allow Custom View Path
3️⃣ Ask About Markdown Template
4️⃣ Assert Jobs NOT
5️⃣ Deduplicate
6️⃣ Collapse With Keys


➡️ https://youtu.be/LE0pZuCnCGU

@webdev_trends

#laravel #php #tips #webdev

When building your PHP web applications, it's important to keep your dependencies up-to-date and also to prevent installing Composer dependencies with known security vulnerabilities. This helps you to ensure that your application is secure and that you're benefiting from the latest features and bug fixes.

But it's really easy to fall behind on your dependency updates between general day-to-day development tasks. Thankfully, Composer provides us with a handy tool that you can use to get an overview of which packages you're using that have available updates.

In this Quickfire article, we're going to take a quick look at the composer outdated command to help you find outdated packages in your PHP project.

👉 Read article

@webdev_trends

#webdev #php #feature #tips #php84

New Array Functions in PHP 8.4

PHP 8.4 is set to be released in November 2024 and will introduce some handy new array functions:

✅ array_find
✅ array_find_key
✅ array_any
✅ array_all

In this article, we're going to take a quick look at these new functions and how you'll be able to use them in your projects running PHP 8.4.

👉 Read article

@webdev_trends

#webdev #php #feature #tips #php84

PHP 8.4 Property Hooks

PHP 8.4 will be released in November 2024 and will be bringing a cool new feature: property hooks.

In this article, we're going to take a look at what property hooks are and how you might use them in your PHP 8.4 projects.

As a side note, you might also be interested in checking out my other article which shows you the new array functions which are being added in PHP 8.4.

👉 Read article

@webdev_trends

#webdev #php #security #tips

Security Tip: Intercepting dump() Could Expose Production!


[Tip #89] dump() interceptors in dev tools like Herd and Telescope are very helpful, but be careful you don't accidently send dump() to production!

Laravel Herd Pro and Telescope are incredibly useful dev and debugging tools, with a variety of features. One of their more useful features is the Dump Watcher, which allows you to inject dump(...) anywhere in your code and then see the output within their own dump viewer - rather than on the page or in the terminal.

👉 Read article

@webdev_trends

#webdev #laravel #ddd #php #restapi

"domain-driven laravel" build great systems that are scalable and powerful

In the ever-expanding universe of software development, creating scalable, maintainable, and powerful systems is no small feat. With so many frameworks, tools, and patterns vying for your attention, it's easy to feel like a lost space traveler, orbiting without direction. But fear not, fellow developer! 🌌 The Domain-Driven Laravel repository is here to guide you through the cosmos of RESTful API development, using the Domain-Driven Design (DDD) methodology.

👉 Read article

@webdev_trends