DEV Community: Maria Abelarda Diaz

Separate a multi-digit integer into a single-digit array.

Maria Abelarda Diaz — Wed, 26 Apr 2023 20:00:05 +0000

I am sure there are several more ways to turn a multi-digit integer, like 123, into a single-digit array, but in this post, two ways are going to be suggested:

1. Turn it to string.

Here, we use the JS method toString() first to turn the integer into a string. Then, we split it with split(''). At this step, we have an array of strings. So, we can manipulate the array with a for loop or with a map() to turn every string into a number. We will use a map:

const num = 123;
let str = num.toString().split(''); // ["1", "2", "3"]
let int = str.map((single)=>parseInt(single)); // [1,2,3]

2. With math:

For the second suggestion, we are taking the multi-digit integer and putting it in a while loop. The condition is: "while num is true" or "while num exists" we use the modulus of 10 to get the remainder every time we divide the integer by 10. We can use either Math.floor() or parseInt() to make sure we have an integer to push to our array.

let num = 123
let arrNum = [];
    while(num){
        arrNum.push(num%10);
        num = Math.floor(num/10); // remember we can use parseInt() too.
    }
console.log(arrNum) // [1,2,3];

If you want to share more ways to do this, please do so in the comments, with some explanation for us beginners.

Bye bye create-react-app, Hello Next.js and Vite!

Maria Abelarda Diaz — Tue, 28 Mar 2023 00:09:11 +0000

As we should all know by now (all that work with React), on March 17th, the React team launched their new website with documentation. I received the news the same day but, like many other people (I suppose), I didn't pay much attention to it.

The next day, I was practicing with a friend how to initialize a React project for an event we had the following week. Usually, I needed to repeat the process two or three times until I got it right with GitHub and everything. A reminder that I am pretty new to React is in order. Usually, I used create-react-app by recommendation of the coaches who guided me during the Laboratoria boot camp. On my first try, I got an install error, so I decided to search for how to solve it. I ended up on the create-react-app GitHub page where I saw the same issue published a week before by another user. So, I decided to post inside the same issue that I had the same error that day. To my surprise, the kind user responded to me and informed me that create-react-app was no longer recommended by the new documentation launched the day before, which I didn't read! He gave me some options, but of course, I needed to see for myself.

As it was Friday afternoon by this point, I just complained a little (for the pleasure of it mainly) and decided to get to work and learn the newly recommended options to substitute create-react-app.

On Monday, I put myself to work. I chose to learn two methods to create a new React project: Next.js and Vite. As it happened, Vite was incredibly fast and easy to use, and I got it running on my first try. Then, I took a look at Next.js and LOVED IT! It is so organized and structured and is not difficult to grasp. So, I am hands-on learning Next.js. As for the event, we used Vite, and everything went smoothly.

Moral lesson: Read the documentation of the technologies you are using frequently. And if you know that there is a new one, even more so!

Hello from a newie to Dev!

Maria Abelarda Diaz — Wed, 22 Mar 2023 20:45:39 +0000

Hello everyone!

I started learning web development last year around this time. I needed a change, and after talking with some friends and watching some videos, I became curious. My sister saw my interest growing and sent me a web page for the Laboratoria boot camp. I went through the pre-admission process, and the rest is history.

During the boot camp, I had the opportunity to meet some interesting people. Women who, like me, chose to change their careers and with whom I could form teams for some projects. People I got to know a little and learned from.

JavaScript was the programming language I learned, and I really liked some of the things I got to do with it. With CSS, I learned that it can be an infinite well where I could drown because the style can always be better and never good enough. So, if I didn't want to drown, I needed to become a better listener and trust the opinion of the group I was working with if it was okay to hand over the project as it was.

Node.js was another monster entirely at the time. I had a rhythm figured out to work on the front-end, seeing everything in colors in the browser. To make a CLI, I made a flowchart instead of a prototype. The results were in the terminal instead of the browser. The way my mind worked had to change a bit. After whining a bit, it started to grow on me. And right now, I want to learn how to build REST APIs.

Learning React was a mess! As a library, and an unopinionated one at that, I felt I had too much freedom. I remember thinking that someone should say where things needed to be to work correctly. But everything worked nonetheless, and after the project was deployed, we felt great! Even knowing that we only scratched the surface of what can be done with it.

I recently decided to start documenting some of the things I am learning. Also, I am currently looking for a job as a junior front-end developer or something within those lines. And as I believe feedback is a gift, if you have some to give me, I would appreciate it.

See you around.