How i solved a backend issue relating to Super apps(Miniapps) and prisma

Ejiro — Sun, 30 Jun 2024 13:06:30 +0000

When you journey into software development and decide to move into the backend aspect if the web, your debugging, understanding and problem solving skills must be off the charts.

In this short article/blog i would be discussing how i solved one of the pressing issues i faced while developing a super app with miniapps and storefronts integrated into it.

I followed this exact steps below.

1. Finding the root cause of the problem: The first way to go about testing codes, if for example no test is written, for example with JEST or the likes. We make use of Console.log to get the log of the potential error and then we can proceed. After logging to the console, i found out that i had issues with request not handling concurrently and issues with prisma not synchronizing data correctly.

One of the first thought that came to mind is to check if my promises are well defined, on my check i found out that some functions needed to change from Synchronous to Asynchronous functions so that it can handle multiple requests without any drawback. i also added Error handling in the main root of my code, any branch of the main code has an error class assigned to it. Any error faced are handled gracefully thanks to that.
Read PRISMA documentation and read several articles on how to fix migration failures on POSTGRES. A very important aspect of finding out root cause of errors and trying to debug, is to check if an individual has been faced with this issue before. With that you can easily follow the steps shown in the article or documentations to fix the issue associated in your code.
To improve and fix issues with storefront not added properly i made use of a data caching feature called Redis, this reduces the load on database and made retrieving data from the database a lot faster.
Indexing: took a while before i could understand this, but i fixed this by adding appropriate indexes to the storefronts data and also making sure i added relations between the table i created and the one i want to assign to a new table.

After implementing this changes the performance and the ease of access improved greatly, the data retrieval was way faster, i could handle concurrent request and finally my code started working as it should.

This experience like all other experience trying to figure the root cause of an issue with my code assisted me to get better and become a much better problem solver and in general a better developer.

In pursuit of further ways to get better and to interact with people of all nations and tribes and people, i came across HNG. An intensive and competitive Software development program; in this program i intend to learn a lot by working on real life and comprehensive projects, showing the difference between a personal project and a real life project, also networking with individuals with a high skill level and industry professionals learning from their experiences and ways of solving and resolving issues relating to the codebase.

To join HNG and to move out of your comfort zone to become a better developer you can use this links below to join

https://hng.tech/internship
https://hng.tech/hire

Goodluck and success as you journey ahead to become the best.

A guide into REACT AND SVELTE

Ejiro — Sun, 30 Jun 2024 11:25:44 +0000

As you journey into frontend development, the first thought that comes to mind is: i want to learn React. Yes about 70% of developers are conversant with react. Why? React is the most popular of frontend UI library.

In this short article, i will be guiding you through other frontend frameworks like react that you probably haven’t come across yet. And i would be sharing my experiences and how i chose to join one of the best intern program in the world.

Let’s Get Started

We would be talking about two Niche’s in frontend development and few contrasts, advantages and disadvantages of both.

The two frontend technologies are REACTJS and SVELTE

Let’s start with react, to be honest, one of the reason i started with react is one of the features that attracts many other developers, The ECOSYSTEM.

The community and ecosystem of reactJs is so large, a lot of libraries are easily integrated into react, So migrating from writing plain Javascript code doesn’t look to strange, thus making react easy to understand and to work with. Even a popular framework like NextJs is seemlessly integrated into react.

Another feature that draws big companies as well as seasoned developers and beginners to get into the react community is the JSX FEATURE.

This allows the knowledge of HTML we learnt and all the lot’s of technolgies we learnt in the begining of our HTML CSS and JS phase didn’t go to waste.

The JSX feature allows you to write HTML like structured code in javascript, imagine how fun that would be. Fun fact: React was built by Facebook, one of the leading social media platforms in the world.

Now let’s talk about something you might have heard of until now, SVELTE.

You might think react is the most straightforward language to learn, but when compared to SVELTE react is like a short man trying to score a 3 pointer from the half way line.

Svelte is different from traditional based frameworks, it is a compiller-based framework that makes use of step by step compiler process and doesn’t make use of react core feature, THE VIRTUAL DOM.

One of the reason why developers use svelte is because it is lightweight and the ease of learning in off the charts, another is the fact that is supports scoped CSS by default and you don’t have to worry about global naming confilcts like that of REACTJS.

The can fix the naming conflicts by using .module.css to make the styles apply to that component alone.

You can see the stress this might place on you.

Let’s now talk about some differences between REACT AND SVELTE.

Performance-wise svelte is lightweight so it has better runtime performance and smaller bundle size compared to react virtual DOM diffing. So speed wise svelte would be faster.

But reactJS is mature and have a wide ECOSYSTEM as well as a broad documentation as opposed to svelte with a growing Ecosystem.

This is one of the reason why i took interest in HNG as i want to learn about key frontend libraries, frameworks in a very competitive environment, work with team members, learn from my mistakes and get better.

HNG is one of the leading internship program you can ever join when considering the aspect of development in general and i look to gather a lot of experiences from the program.

You can also participate in this intenship program by following this two links below https://hng.tech/internship or this https://hng.tech/premium to join and learn about all this key frontend technologies and solidify your knowledge in ReactJS and others.

DEV Community: Ejiro

How i solved a backend issue relating to Super apps(Miniapps) and prisma

A guide into REACT AND SVELTE