Tech Writer | Software Developer | Undergraduate — University of Moratuwa, Faculty of Information Technology.

4 strong reasons to start learning Webpack in-depth today

Image for post
Image for post

But, are you aware that you can use Webpack to address some of these challenges?

1. Improve Developer Productivity

If you…


How I created a Video with React Remotion

Image for post
Image for post

Introduction to Remotion


Comparing Angular, React, Vue.js, Svelte, and Preact

Image for post
Image for post
Photo by Anotia Wong on Unsplash

1. React — Most Used JavaScript Frontend Library in 2020


Using APIs, WebSockets, and WebHooks in practice

Image for post
Image for post

That’s where APIs, WebSockets, and WebHooks come into play. These methods provide a flawless mechanism to communicate and sync data across different parts of an application.


How I created a React Component with Serenade

Image for post
Image for post

How to Setup Serenade?


Webpack, Browserify, and more

Toy figurine
Toy figurine
Photo by Zakaria Ahada on Unsplash.

1. Webpack


Resolution Switching, Art Direction, Chrome DevTools Support, and More

Image for post
Image for post


Now, Chrome DevTools Supports JavaScript Performance Marks Logs and Visualization

Image for post
Image for post

Do you know that JavaScript provides a powerful Performance API that we can use in any JavaScript project?


Five recommended icon packs.

Image for post
Image for post


Reducing the negative effect of CORS to improve performance

Image for post
Image for post

For example, you will encounter CORS if your web application is hosted in myapp.com, and it accesses the API in api.myapp.com from the frontend.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store