DEV Community: Noa

What is array.reduce() in JavaScript ?

Noa — Mon, 29 Aug 2022 18:01:06 +0000

Reduce is an array method that can convert or reduce the data in an array and return a single output.

Syntax:

array.reduce( reducerfunction ( accumilator, item, index, array ), initalAccumilatorValue )

accumulator is a variable that will be changed in each loop through the array.
item refers to the current item in the array.
index refers to the index of the current item in the array.
array refers to the initial array.
reducer function shows how the accumulator is modified.

Where would we use reduce?

Consider we have an input array containing information about users, ie name, age, etc, and had to group them by age.

    const array = [
        { name: "John", age: "20" },
        { name: "Mary", age: "20" },
        { name: "Peter", age: "50" },
        { name: "Sally", age: "50" },
    ];

if we had to group them by age.

    {
        20: ["John","Mary"],
        50: ["Peter","Sally"]
    }

we could use the array.reduce() method.


    const result = array.reduce((acc, curr) => {
    if (!acc[curr.age]) { //chk if age exist in accumilator
        acc[curr.age] = []; //createing empty array at accumelator.age
    }
    acc[curr.age].push(curr.name); // pushing name to appropriate accumulator.age
    return acc;
    }, {});

    console.log(result);

How does it work?

when we call the array.reduce() method we pass two parameters.

accumulator function
initial value for the accumulator

The accumulator function defines what action needs to take place to a value( the accumulator ) so that the desired final reduced value may be obtained

in the above example

Every element is passed one by one to the accumulator function, Which checks if the age of the given person is not already present in the accumulator, If that is the case, Then it creates a new property for the person's age and assigns an empty list to it. later the person's name is pushed to the property where their age is present ( either newly created or previously present )

Conclusion

The array.reduce() method is a very powerful array method that could simplify complex loop logic and provide a much more intuitive programming experience to the developer and the reader.

My absolute worst Linux Experience | Daily Driving Fedora 35 | One Week Review

Noa — Sat, 19 Mar 2022 01:51:28 +0000

A Week ago on march 13, I started to daily drive Fedora on my personal laptop. Here are a few of my thoughts.

Niche Problems

Here are a few problems I encountered that were more or less specific for my machine.

Slow Internet

On the Second day, Out of nowhere my fedora machine started to get very low internet speeds in the terminal. It did get fixed with a reboot but was very frustrating to deal with nonetheless.

straight up doesn't boot when it fells like it

After a few days from my initial post and a system update ( sudo dnf update ). the gnome environment doesn't boot up anymore. it seemed to be a gnome-NVIDIA problem.

Productivity Problems

Spotify keeps crashing

I installed the flatpak version of spotify and it did not show in the menu until the next reboot, Even then spotify kept crashing whenever an ad would play.

No Voice On Discord Streams

The other day me and a few friends were gonna watch a movie via discord , but my screen share did not work. After a bit of googling turns out Discord Stream Audio does not support Linux.

Gaming

It just did not work.

Conclusion

I could have probably found workarounds for all these problems but fedora feels like i'm always jumping through hoops. I wouldn't recommend it for production purposes but if u have free time give it a go.

I might move back to windows 11 or if there is another OS you would like me to cheek out, let me know.

That's it for now, see you guys later

have a nice day.

Daily Driving Fedora - Day ONE

Noa — Sun, 13 Mar 2022 16:28:34 +0000

For a while now I have been toying with the idea of moving to Linux but there was always two factors that held me back:

Gaming
Adobe

Gaming on Linux was an absolute nightmare the last time i tried it a year ago but ever since the launch of steam deck a lot of light is being shined on the Linux gaming community, So hopefully my experience this time wont be as bad as the first.

I am planning to get over the adobe hurdle by running a windows virtual machine using vmware player.

The reason i didn't use KVM and qemu is that i use a laptop and have a [mux-less graphics architecture]{https://forum.level1techs.com/t/implications-of-muxed-muxless-laptops-for-gpu-passthrough/129165}

The reason i chose fedora over arch or debian is that arch is usually filled with bugs that would take me time to fix and debian's packages are quite out of date, also i wanted to test out gnome 42 when it comes out.

Aims

So, for the first day I just wanted to install fedora and also style the gnome desktop a bit.

Installation

The USB creation and installation went as smooth as i expected although the fedora anaconda installer is not as intuitive as something like calamaries.

First boot

After the installation, there was quite a bit of updates which i had to go through. Overall everything was smooth, I did have a slight audio problem after the update but it was easily fixed with a restart.

Styling

The next thing on the list was styling, this included installing a gtk theme , flatpak theme , icon theme , cursors , fonts and terminal prompt.

Theme ( GTK + Flatpak )

for the GTK theme i used a gtk4 backport, as i mentioned before i am very excited for the gnome 42 with gtk4 release therefore this seemed like a logical path to follow.

you can find the theme in [thid reddit post]{https://www.reddit.com/r/Fedora/comments/sd8v4o/guide_gnome_42_on_gnome_4041_while_you_wait_for/}

I also got it to install on flatpak with [stylepak]{https://github.com/refi64/stylepak}.

Icons + cursor

for the icons I used the [Whitesur icon theme]{https://github.com/vinceliuice/WhiteSur-icon-theme} because i really like the macos icons with their 3D effects, overall it just looks kinda cool.

for the cursors i used the [macos cursor set]{https://www.gnome-look.org/p/1148748/} to match the icons

Terminal + Font

As my terminal emulator i use [Hyper]{}, a terminal emulator made in javascript. it is not the fastest out there but it is just my preference. I might move to something a bit faster later on. For my terminal prompt i use [starship]{https://starship.rs/}. I will be writing a detailed article on starship later.

In the fonts face i use jetbrains Mono for the terminal.
I am thinking of useing apple fonts for the interface as i am already useing mac icons and cursor.

Conclution

Overall im happy with how my set up turned out. I did do a bit more tweaking with extentions and configs later, I will try to share these tweaks later on.

With that said hope you guys have a great day. Bye :)

SUBTEXT - DEEPGRAM X DEV HACKATHON SUBMISSION. [ innovative ideas ]

Noa — Fri, 11 Mar 2022 11:15:19 +0000

Introduction

The DEV hackathons are always a great way to get your name out in the community, but due to the unfortunate timing of my exams ( high school ), I thought I wouldn't be able to participate but after reading the article I was glad to know that there was an innovative ideas category in the hackathon. I have never heard of Deepgram before but I do have a surface level understanding of how text-to-speech works. For any other participant taking part in the hackathon, Feel free to use my idea for your project provided it is not breaking any rules.

My Deepgram Use-Case

I wanted to show one of foreign friend a movie in my native language but since the movie was old so there was no subtitles available. That is where it hit me, imagine A Video player that transcribes the audio from videos and create subtitles and also uses translation to convert the subtitles into English or whatever language.

Dive into Details

Have you ever watched an old video with lots of background noise making it hard to hear what is being said. or wanted to watch a foreign movie but no English subtitles are available, If you have you are the ideal target for my deepgram use case.

the audio of the video file could be transcribed by directly passing it to the text-to-speech API , Translation could also be achieved as deepgram offers multiple language support and the returned text could be translated to English or whatever language by the google translation API.

Conclusion

As I have mentioned in the beginning of the post any participants can freely use my idea for their project provided it is not breaking any rules.

I think hackathons are a great way to spread the joy of programming and to provide awareness about the power of programming. This will be my only entry for the hackathon as I have my exams going on and have to provide my concentration towards that.

I am also planning to create more posts on the topics of React, JavaScript, Linux and much more on dev and beyond after my exams, so stay tuned for that.

With that said, that's all for now.