Conditional rendering in React allows you to display different UI elements based on conditions. This is useful for handling authentication states, user permissions, loading states, and more.

Just like JavaScript provides if-else, ternary (? :), logical AND (&&), and switch-case, React also uses these methods for rendering components conditionally.

In this post, you’ll learn about all these techniques, their best use cases, and best practices.

Security is essential for a GNU/Linux VPS (virtual private server) because attackers actively search for vulnerable servers to exploit.

Imagine hosting a website or some other service hosted on a VPS, and an attacker guesses the default password or exploits a known vulnerability, installs malware, and now what? Your customers’ data might be in danger, and you risk damaging your reputation.

In this post, you will explore the ways to secure a GNU/Linux VPS to ensure that you and your customers are safe.

Text fragments allow linking directly to a specific portion of text in a web document, without requiring the author to annotate it with an ID, using particular syntax in the URL fragment. Supporting browsers are free to choose how to draw attention to the linked text, e.g. with a color highlight and/or scrolling to the content on the page. This is useful because it allows web content authors to deep-link to other content they don't control, without relying on the presence of IDs to make that possible. Building on top of that, it could be used to generate more effective content-sharing links for users to pass to one another.

Example:
https://git-scm.com/docs/git-reset#:~:text=The%20HEAD%40{1}%20is,any%20other%20valid%20commit%20reference.
(result)

Access 271+ ready-to-use components and code snippets for HTML, React, CSS, and Tailwind CSS. Save development time with these pre-built solutions.

In this blog we are going to learn the format of systemd timers and their onCalendar field. You can find what systemd timers are and why they are a better alternative to cron over here

Si tu es nouveau ou nouvelle sur Mastodon ou si tu souhaites faire découvrir ce réseau social autour de toi ,
voici quelques ressources qui pourraient être utiles:

Présentation générale : c'est quoi Mastodon ?
https://tutox.fr/wp-content/uploads/conferences/mastodon_conference.html

Conseils pour utiliser mastodon:
https://fedi.tips/

Mastodon vs twitterX :
https://video.passageenseine.fr/w/iV5HFFbpXD8JoRdWnysq55

Créer un compte de secours :
https://tutox.fr/2023/09/23/deux-mammouths-valent-mieux-quun/

jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application.

If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.

Part 3 of my in depth tutorial series on building a modern full-stack web app, using Java with Spring Boot, Javascript with Vue and NuxtJS, Docker, Heroku, Gitlab CI/CD. The goal of this part is that we want to prepare our web-apps for easy and modern deployment. We want to be able to quickly run our front- and backend on any machine and have the ability to scale the application if needed.

At this point we have a front- and backend that runs perfectly on our local machine. While this tutorial will make more sense if you completed the previous parts, it can also be helpful in general. The goal of this part is that we want to prepare our web-apps for easy and modern deployment. We want to be able to quickly run our front- and backend on any machine and have the ability to scale the application if needed. As with everything else there are plenty of ways to accomplish it. For this series we will work with Docker as it has gained incredible popularity over the past years. This tutorial is split into four subparts:

• What is Docker?
• Dockerizing the frontend
• Dockerizing the backend
• Running it all at once

Comme je l’ai expliqué ici et là, je veux cesser d’utiliser les services des Big Tech américains. Heureusement pour moi, je n’en ai jamais utilisé tant que ça.

Ceci étant dit, j’utilise un téléphone Android, et pas un Fairphone, ou un Murena, ou tout autre smartphone livré avec un système non propriétaire déjà installé (c’est-à-dire basé sur Android Open Source Project, mais sans les trucs de Google et de ses amis).

Ces systèmes d’exploitation sont préférables, car:

• Ils ne nous espionnent pas et n’envoient pas nos données à Google ou au fabricant de notre téléphone.
• Ils nous permettent de choisir les applications que l’on souhaite installer, sans en imposer aucune (on peut installer une application Google si on le souhaite, mais on n’y est pas obligé).

D’autre part, le smartphone “traditionnel” est livré avec une version d’Android pleine de ~fonctionnalités~ spywares Google, très souvent complétées par ~fonctionnalités~ spywares du fabricant du téléphone (des logiciels redondants ou inutiles dans 90% des cas). Et ces smartphones nous obligent quasiment à créer un compte Google ou à nous connecter à leur Play Store pendant la phase d’installation.

Dans le monde du développement logiciel, Git est devenu un outil incontournable pour la gestion de versions. Cependant, avec des dépôts de plus en plus volumineux, il peut devenir fastidieux de cloner l'intégralité d'un projet, surtout si vous n'avez besoin que d'une partie spécifique du code. C'est là qu'intervient la commande git sparse-checkout.

TL;DR

git clone --no-checkout <URL_du_dépôt>
cd <nom_du_dépôt>

git sparse-checkout init --cone

git sparse-checkout set src/

git sparse-checkout add bin/ templates/

git sparse-checkout list

git sparse-checkout est un outil puissant pour gérer efficacement les grands dépôts Git en réduisant la quantité de fichiers récupérés. Il permet d'améliorer les performances et de travailler plus efficacement en ne téléchargeant que ce qui est réellement nécessaire.

Hello, my name is Hugo and I've been blogging since 2003. Over the years, I've tested countless tools, platforms, and strategies to create and grow blogs.

Beyond blogging, I'm an entrepreneur who founded and scaled a startup to 700 employees across Europe. Throughout my journey, I've maintained my blog to share insights and lessons learned along the way.

I'm also the founder of BlogTally , a toolbox specifically designed for bloggers and content creators, and the creator of Bloggrify , an open-source static blog generator.

Joueur de CTF sur diverses plateformes, l’idée de ce site est de mettre à disposition de tous, les diverses résolutions de machines effectuées.
Passionné par la cybersécurité et l’IT, les CTFs me permettent d’apprendre énormément sur les failles et l’exploitation de ces dernières.

Quickly create and run optimised Windows, macOS and Linux virtual machines

A cartoon-style water effect with custom shaders, optimized for performance, built with React Three Fiber.

• Creating Stylized Water Effects with React Three Fiber Codrops
• GitHub - thaslle/stylized-water

I’m a Linux fan, and the main reason is because of its open source nature: I have been using it for years and I gotta say a lot has changed since the early days… If you remember re-compiling the kernel in order to install an application, you know what I’m talking about… Fortunately that does not happen anymore(?), so do not freak out, not yet :).

This article will act as a looooong guide, which is goint to help you to install (and understand) Arch Linux with full disk encryption. We will review some of the concepts involved during our process, thus, we have a better picture of what we are doing.

System maintainance (and software maintainance in general) is an ongoing process that requires attention and responsibility.

So in this blog post I will summarize the key actions we can take in order to keep our arch linux installation healthy, optmized and fully working.

BTW, If you are NOT using Arch yet, I have a guide explaining how to install it from scracth and also a tiny wiki with information about daily tasks, process and guides.

Petites recettes personnelles à propos de ma gestion des emails, ce que je mets en place, et les conseils que je pourrais donner...

Certains observateurs sont surpris de voir que j'ai régulièrement zéro mail dans ma boite de réception (inbox).

Moi, je ne comprends pas comment peuvent faire les personnes qui ont 172 mails non lus dans une boite qui comprend 3297 mails les uns à la suite des autres.

If you have not heard of Pi-hole, then you are missing something cool. But do not worry, this Pi-hole setup tutorial will help you get rolling in minutes.

In simple terms, Pi-hole is an ad blocker, DNS sinkhole, and optionally a DHCP server.

In this Pi-hole Raspberry Pi setup guide, I will cover everything from Pi-hole introduction to installation and configuration. I will also share some basic maintenance steps and tips.

This will be an updated version of our Pi-hole Setup guide written back in 2020, focus on Raspberry Pi.

Je déteste acheter du matériel informatique pour deux raisons : parce que c’est un achat imprévu causé par la défaillance prématurée de mon matériel actuel, et parce qu’il est très dur de s’assurer qu’on ne va pas acheter de la camelote.

L’acheteur aguerri ira bien entendu se renseigner en amont, mais franchement la plupart des guides ont une approche consumériste qui tiennent plus de l’unboxing que de la revue en profondeur. Ceci dit, je ne suis pas le premier à vouloir prendre la tangente, à l’image de Kris De Decker du Low-Tech Magazine qui écrivait Comment et pourquoi j’ai arrêté d’acheter de nouveaux ordinateurs portables.

Du coup j’ai décidé d’écrire mon propre guide dogmatique, plein de partis pris, mais qui aboutit à des recommandations concrètes, qui soit “actionnable” comme on dit. Alors peut-être qu’il ne vous plaira pas : n’hésitez pas à le critiquer sur votre blog, votre contribution sera un complément bienvenu à ce guide, on a besoin d’information !

Mon constat de départ, c’est que si votre budget est inférieur à 1 000 euros, vous aurez un bien meilleur ordinateur en tout point de vue en l’achetant d’occasion plutôt que neuf. Vous allez comprendre pourquoi !

This handbook will teach you the basics of TypeScript, including what it is, why it is useful, and the key features it offers.

TypeScript was created by Anders Hejlsberg, a prominent software engineer at Microsoft who’s also known for his work on C# and Delphi. TypeScript was designed to enhance JavaScript by adding static types, making it easier to build and maintain large-scale applications.

We’ll start by using Vite to integrate TypeScript with a React project. Then you’ll learn about key concepts like type annotations, type inference, and how to handle objects and arrays.

After that, we’ll explore advanced topics such as union and any types, readonly properties, functions with specific parameter and return types, generics for flexible and reusable code, and the distinctive roles of type aliases and interfaces.

I’ll provide detailed examples and explanations throughout the handbook to give you a comprehensive understanding of how TypeScript's features can improve JavaScript development.