DEV Community: saurav sharma

TOP 5 Alien Articles of the Week Worth Reading 👽📖

saurav sharma — Fri, 26 Mar 2021 13:09:31 +0000

Hey guys! I hope you enjoyed last week's article! I am back with another one as this week's scoop 😋. These articles are posted outside Dev.to, hence the moniker - "alien" 👽
I hope you guys find them rewarding!

1. Image compression in React.Js

When developing a web platform with an end-user in view, image upload feature and controlling the size of images being uploaded is extremely important. Flooding the database with unnecessarily high-resolution images is never a good practice. That's where Author John Au-Yeung comes in with react-image-file-resizer.

2. Build a Discord bot with Node.Js

Being a video game enthusiast, I have spent countless hours at discord voice and text channels playing, trolling, and generally messing around. And let me tell you, discord bots (the good ones) are a hell-lot of fun. So when I came across this article by Tanmayee Choudhury, I just had to share it.

3. Stripe.Js + React.Js

A goods/service-providing web solution always requires some sort of payment gateway. While you could take the easy way out and just use an outside platform like GumRoad, setting up a personal stripe account and integrating stripe gateway into your application can be extremely rewarding. Author Yusuff Faruq describes the coding side of stripe in his article below. A must-read.

4. Error handling in JSX

while try-catch works great in the backend, it seems to do nothing when incorporated in the frontend section of a react App. Author Adebiyi Adedotun is here to introduce us to the concept of error-boundaries that can prevent a webpage from collapsing into itself in case of a fetch failure.

5. From Javascript to Java

This article by John Selawsky compares Javascript and Java to give us a clear picture of what it takes to make the jump from one to another.

Let me know what you think!

Tell me about your favorite dev blogs and what you guys have been reading lately down in the comments below!. Have an awesome, dev-licious day ❤!

TOP 5 Alien Articles of the Week Worth Reading 👽📖

saurav sharma — Fri, 19 Mar 2021 10:37:41 +0000

Hey guys! I hope you enjoyed last week's article! I am back with another one as this week's scoop 😋. These articles are posted outside Dev.to, hence the moniker - "alien" 👽
I hope you guys find them rewarding!

Last week's development tasks were some of the most challenging assignments I have ever undertaken. From replacing complete authorization modules to implementing a more optimized folder structure, I got to learn a lot. So, today I am back to share the articles that helped me through those struggles.

1. Absolute Imports in create-react-app## 🚧

importing components and functions from that deeply nested folder structure you created to reduce your code complexity can become a real hassle on its own. Author Aakash N S is here with a solution for you.

2. Next.Js + Passport.Js##📫

Passport.Js is the most popular authorization module available today. Powered by Oauth2, it provides a great alternative to session-based auth in the form of JWT. In this article, Author Zemuldo provides a detailed step-by-step guide to implement passport in your Next.Js App.

3. Refreshing Server-Side-Props in Next.Js## 🎠

Pages generated in SSR need a hard refresh once the Database delivering the data is updated through the App. Author Josh W. Comeau is here with a clever solution to update the page data without the need for that hard refresh.😉

4. Future of Apple Silicon with M1X##

Ever since Apple launched its ARM-based processors, the laptop processor market has not been the same. And I am here to see the tech giant flip the landscape on its head 🤯. This article by Daniel R Deakin delivers a bite-size version of the rumors and leaks about upcoming apple silicon processors and if it's anything to go by, laptops, as we know them, will never be the same.

5. 11 new CSS tricks for front-end development## 🎨

Who doesn’t love a fresh new list of CSS tricks to make their current/next web dev project a sight to behold? Author Daniel Anderson is here just to deliver that. Enjoy!!

Let me know what you think!

Tell me about your favorite dev blogs and what you guys have been reading lately down in the comments below!. Have an awesome, dev-licious day ❤!

TOP 5 Alien Articles of the Week Worth Reading 👽📖

saurav sharma — Sat, 13 Mar 2021 06:48:22 +0000

Hey guys! I hope you enjoyed last week's articles! I am back with another one as this week's scoop 😋. These articles are posted outside Dev.to, hence the moniker - "alien" 👽
I hope you guys find them rewarding!

Similar to the last two installments, a few of today's articles will feature content/information/methods that I personally incorporated in the past week of my development process.

1. M1 Macs and Web Development

Now that I am finally in the market for a machine👨‍💻, ready to satisfy all my web dev requirements, The new M1-powered mac seems like a strong candidate🏋️‍♂️. Based on the ARM (bigLITTLE) architecture, which is quite different compared to the traditional x86, they do come with both pros and cons. Author Volodymyr Golosay talks in detail about the good, the bad, and the ugly of web-dev on M1 macs.

2. Scroll-Linked Animations with @scroll-timeline

CSS 👩‍🎨 never ceases to amaze me with its complex yet refined features. Author Bramus's article about scroll-timeline introduces us to yet another CSS feature related to screen-scrolling. A must-read if you want to improve your front-end game💯!

3. An Interactive Guide to CSS Transitions

Transitions play an important role in front-end development when you are targeting a professional website with those SWEET! SWEET! animations to wow your end-user😱. Author Josh W. Comeau is here to take you on a journey through the amazing world of CSS Transitions. Hop In🎠!

4. Stop Using Icon Fonts

With SVGs becoming the norm in web development, Author Michael Irigoyen shares his thoughts about Icon Fonts and how maybe now is the time to move away from them.

5. Front-End Performance Checklist 2021

I mean, what web developer doesn't love a well-optimized website ready to look pretty in the slowest of internet connections and oldest of computers ? Author Vitaly Friedman shares his checklist to make your website perform better✨.

Let me know what you think!
Also, tell me about your favorite dev blogs and what you guys have been reading lately, down in the comments below! Have an awesome, dev-licious day ❤!

TOP 5 Alien Articles of the Week Worth Reading 👽📖

saurav sharma — Fri, 05 Mar 2021 11:56:37 +0000

Hey guys! I hope you enjoyed last week's article ! I am back with another one as this week's scoop 😋. These articles are posted outside Dev.to, hence the moniker - "alien" 👽
I hope you guys find them rewarding !

Working in the web development industry as a newbie, you are constantly being challenged to tackle issues outside the area of your expertise.

The following articles depict these issues; I and several others faced, and the methods employed to solve them 😎

1. Docker concepts explained using a Cake preparation method & building a Nodejs application with Docker and Nginx

Considered to be the holy-grail of Software Development Life Cycle, Docker is extremely powerful, when handled by a seasoned professional.
This article by Deborah Emeni - Promises to explain the concept of Docker in a simple and detailed manner. A must-read for developers planning to go full-stack.

2. React Context API Explained

Small projects are allowed to get away with prop drilling.
Massive projects require a full-on state management setup : Like Redux, to improve code quality and performance. But what about medium-sized projects? Well, react has the solution for you !
Context API, as explained by Nwafor Uchechukwu.
This article, is a great alternative, to manage global states without any complications.

3. Why JavaScript Developers Should Prefer Axios Over Fetch

The following article : By Sabesan Sathananthan offers a list of some really compelling arguments, that make Axios a superior choice against Fetch. I encourage everyone to go through this article, and share their thoughts with us.

4. 8 Powerful React Libraries To Try In 2021

Who doesn't love a list of amazing libraries to make their next web-dev project, a sight to behold . Author Mohit provides a list of 8 such amazing react libraries to make your project's UI, stand out 💡.

5. 11 Node.js Libraries You Should Know

Making a second appearance in today's list of alien articles : Author Mohit shares a list of 11 Node.js Libraries to help us developers, improve our backend. A must-read for sure 🔥

Let me know what you think!

Let me know in the comments what you thought about these articles! Also, tell me about your favorite dev blogs and what you guys have been reading lately. Have an awesome, dev-licious day ❤!

TOP 5 Alien Articles of the Week Worth Reading 👽📖

saurav sharma — Fri, 26 Feb 2021 12:54:42 +0000

While working on one of my most recent projects, I came across this rather common issue, of Image Optimisation🎯

Determined to find an ultrapractical solution for rendering proper images on the platform - Without sacrificing performance or display quality; I spent the next few hours browsing through the internet 🥵, in hopes of finding techniques that could overcome this problem.

And let me put it out there - the Internet did NOT disappoint!.
Not only did I find the answers to my question 🤗, in my search, I came across other useful articles that hold the potential to help me in my future endeavors.

So, today I am here to share that knowledge with y'all condensing it in the articles below 💟 -

1. Maximally optimizing image loading for the web in 2021

This article talks about " 8 different methods " that developers can implement in their code to optimize image rendering.
Author Malte Ubl goes into detail about how these methods can
reduce the load times of webpages making them both bandwidth and user friendly.

2. Optimizing Video For Size And Quality

Similar to the previous article, this one too, is focused on render optimization.

Adding videos to your webpage can provide visitors with a lot more information in a smaller time frame, compared to static images. But the task of optimizing the video so that it doesn’t lead to a worsened performance can be a bit more challenging than static images.

In this article, author Doug Sillars addresses the issue by taking into account - screen-sizes, bitrates and render resolution to find the optimal combination of video properties : best suited for the end-user.

3. Performance Optimisation of a Frontend App

Continuing on with the theme of optimization techniques,
this next article by Leandrotk discusses the importance of ' Performance Metrics ' like Perceived load speed, Load & Runtime responsiveness, Visual stability, Smoothness. A must-read for anyone targeting a production-ready application.

4. CSS Switch-Case Conditions

Moving away from the theme of optimization, and into CSS,
this next article by Yair Even Or - discusses the issue of lack of a switch rule or a conditional if.

The article also takes a deeper dive into why it would be useful if they existed, and describes a trick that is useful today, for implementing the said actions.

5. Visual Studio Code Extensions to Enhance Productivity in 2021

A productive virtual environment that complements your work ethic is extremely important, when it comes to development of any sort. But what is a virtual environment, you might ask ?
Well, it's your IDE ! of-course .

This article - By the writers at Vonage Dev is dedicated to one of the most popular IDEs available out there, VSCode.

Filled to the brim with code extensions - this article will introduce you to modules capable of making your development experience a lot more worthwhile.

Let me know what you think!

Feel free to ask any questions, and maybe add some other helpful articles you came across in comment section below ! I would love to know what you think, and maybe we can start a discussion ! Also, I am planning on turning this into a weekly series, and see where it goes ✨

Until next time, byeeeeeeeee !