TIL Postgres: Setting up WAL-G
4 hours ago, devto

WAL-G is an open-source continuous archiving tool used to easily set up and recover from physical backups in Postgres. It mainly handles the storage and retrieval of physical backups and WAL archives to and from a chosen cloud storage provider. In this week's edition of TIL Postgres, we will walk you through on how to effortlessly set up WAL-G for your database as well as guide you on what to do if and when disaster strikes. Prerequisites For this tutorial, we will be using two instances r...

Bumbag - an accessible & themeable React UI Kit
5 hours ago, devto

Jake Moxey has recently announced the release of his library Bumbag, which lets you quickly build out your React app using over 70 accessible and themeable components. Jake Moxey @jxom_ Introducing Bumbag – an accessible & themeable React UI Kit enabling you to rapidly build web apps.👉 bumbag.style- 🧱 70+ components- 🎨 Global & component-level theming- 📦 Flexible composition- 🦪 Page shells- 🌓 Color modes- 🛍 Variants- and so much more! ...

A Practical Introduction to Using Redux with React
7 hours ago, devto

Table of Contents Introduction What is Redux? What is the State? How to Modify the State? Unidirectional Data Flow Setting Up Redux in a React App Using React Hooks to Read the State Using React Hooks to Dispatch Actions Using "json-server" for the Local Fake API Async Actions Multiple Reducers Feature Folders and Ducks Using the "Ducks" Pattern in Our Example App Introduction In this tutorial I'd like to explain briefly what is Redux and how to set it up in a React project. This t...

Developing with Azure Blob Storage
8 hours ago, devto

If we want to store information such as documents, images or videos, Azure Blob Storage is a great storage solutions that provides us as developers with high availability at a low price. For the AZ-204 exam, we’ll need to know how to do the following: Move items in Blob Storage between accounts and containers. Set and retrieve Storage properties and metadata. Interact with data using code (We’ll be using C# in this post) Implement data archiving and retention. Implement hot, cool and archive s...

Vanilla JavaScript String to Number
10 hours ago, devto

Sometimes we want to convert a number to a string; in my latest code piece, there was a limit set on a data attribute. This comes true as a string, so how do we convert this to a number in JavaScript? In this case, there is not one but three valid and supported methods of converting our string to a number. Number parseInt parseFloat JavaScript Number Method Number is a generic way of converting. It's actually the more stricter check here are some examples with outputs: <!-- Number --> c...

10 Questions I'm Asking All Companies Before Scheduling Any Interviews
16 hours ago, devto

Interviewing requires a lot of time and energy. Maybe you need to study some technical topics ahead of time. You probably already have commitments that require a lot of your focus—like another job or children. That's why it's important to be selective where you can about companies you want to interview with. Here are the ten questions I'm using to decide whether or not I'm interested in interviewing with a company: How large is the engineering team? What is the make-up of the engineering team? ...

Why unit test culture is broken
17 hours ago, devto

Write unit tests should be as fun as writing your feature code, no matter which language you're using, it's all code at the end of the day. How it can be improved Sending the right message is key in my point of view to improve your unit test culture, you don't write unit tests because of the most advanced framework or the best methodology out there. They exist as a tool to help you to achieve the goals, which is to have a stable, reliable and documented codebase. How the tools help T...

Wordpress Development on Porter
17 hours ago, devto

Local development for Wordpress often requires a lot of configuration and installation of tools like PhpMyAdmin, MySQL, and Wordpress itself. Docker helps compartmentalize each of these components with containers. Simply put, containers are lightweight VM’s that provide environments that are isolated from your host machine — if you are familiar with heroku, you can think of them as Dynos. Docker lets you spin up and manage Wordpress stacks for your various projects without the headache of maint...

Make your first CSS art 😍
18 hours ago, devto

Many people know how to use CSS to style websites, but when it comes to CSS artwork, they get confused on how they are made. So i thought it might be helpful if i share my humble experience with you, I am going to discuss some important CSS knowledge you will need to have, in order to make your own CSS art and enjoy it as i do, let’s start🚀 Useful CSS properties : 1. Gradient We can declare gradient in both background or background-image properties, it can take as much colors as you want...

How I optimised my online presence to get opportunities.
18 hours ago, devto

All my articles are first published and hosted on my blog - you can find this article here. You may also be interested in my tweets on my Twitter profile and my monthly newsletter. 🔥 Why did I join Twitter? I'm a firm believer that a good online presence can lead to a really successful career path that may open you up to better job opportunities, invitations to talk shows and tech events, new friends, a widened knowledge base and understanding of tech. I joined Twitter in April 2020, based...

COVID-19 Survival Guide: work-from-home devices for developers
18 hours ago, devto

After the onset of the COVID-19 crisis, as thousands of companies across the world issued mandatory work-from-home orders, you may have suddenly found yourself in need of a home office space suitable for months-long use. For many developers, this home-to-office transition was a steep and unexpected change. According to the US Department of Labor Statistics, only about 15% of American workers have regularly worked from home prior to the pandemic. Without a preexisting home office space, developer...

Today's the Day!
19 hours ago, devto

I'm going to be honest with you. I've been pretty lazy my whole life. I like things easy and secretly hope that things will work it out themselves. But there came a point in my life when I realized that everyone that I aspired to be didn't let the days pass and wait for something to happen. They made things happen. So about a month ago, I did just that. I made something happen. I quit my job! This was my first step into a new world. It's always scary for me to step out of my comfort zone. I lik...

How to create a sticky navbar with CSS & JavaScript
19 hours ago, devto

[ CodePen Demo | Original Article ] Sticky navbar’s allow users to access a website’s navigation even when they’ve scrolled down the page. In this example we’ll be creating a sticky navbar that also shrinks in size when the nav becomes fixed. Let’s get started by creating the HTML: <header id="header"></header> <nav id="nav"> <ul> <li><a href="#"><img src="https://img.icons8.com/color/96/000000/javascript.png" height="96" /></a></li> <li><a href="#">Documentation</a></li> <li><a h...

My top terminal commands
20 hours ago, devto

I was recently watching a video that was walking beginners through terminal commands and they listed over 50 commands that you should use. 50!? Who uses more than 10 terminal commands? The ones that I use (off the top of my head) 1) pwd The command pwd stands for "print working directory" which gives your current location in terminal 2) cd directory The command cd stands for "change directory" which allows you to navigate through the terminal. 3) ls The command ls will list a...

Oh a jelly button & a css hack
22 hours ago, devto

Just wanting to show you all a ccs hack. It use the combinaison of blur & contrast. You should wirte something like that : .container{ filter: contrast(20); background:white; .content1,.content2{ filter:blur(0.5em); background:black; } } This will make the components a bit like sticky when they move close to each other. You can use it to make some nice loaders, or like that some button : ...

The most gratifying work I’ve ever done
22 hours ago, devto

And the lessons I learned doing all the others I’ve been doing web development for more years than I would admit. Good projects, terrible projects, amazing projects, some I still remember, some I completely forgot about, I did them all. One in particular, a work I commissioned myself really, is the website I made in 2014 to make my skill set a bit more attractive and get a job abroad. What a pivotal moment in my life that was. It took around 3 weeks to be completed, 2 days to do the bulk,...

Practical Functional Programming in JavaScript - Side Effects and Purity (Revised)
23 hours ago, devto

Hello 🌍. Thanks for stopping by. Today we'll discuss two fundamentally dual qualities of JavaScript functions and systems: side effects and purity. I also demonstrate an approach to organizing programs around these qualities with a couple of functions from my functional programming library, rubico. A function is pure if it satisfies the following conditions: Its return value is the same for the same arguments Its evaluation has no side effects A function's side effect is a modification of some...

What are your favorite npm packages?
23 hours ago, devto

Let's share some of the most loved npm packages you use for the majority of projects. Consider both client and server-side. For me those would be: Frontend - react, react-dom, react-router-dom, antd, styled-components, axios, moment, validator. Backend - express, mongoose, CORS, body-parser, dotenv, uuid, nodemon, concurrently, morgan, ejs, helmet, bcrypt, jsonwebtoken, nodemailer. What are some of your favorite npm packages?...

How To Build a Full Stack Clojure Project
23 hours ago, devto

This is a video series that covers building a simple full stack CRUD application with clojure and clojurescript. What you will learn The main focus here is the language of clojure itself, and the libraries used isn't as important. There is a small assumption that you are already a javascript/react developer and so some technologies have been chosen should be familiar, like the usage of VS Code instead of emacs. This is also the reason why helix was chosen instead of something more popular ...

What is the first thing you do when setting up a new computer?
1 day ago, devto

When you get a new computer, what are the first things you do? Whether it's: Installing programs Adding shortcuts Disabling certain options Setting up new preferences Etc. I'm eager to hear what you'd consider the must-do "first steps" for a new machine....

Next