IE To Edge Browser Redirection Handling similar to espn.com

Many modern websites have designs that are incompatible with Internet Explorer. Whenever an Internet Explorer user visits an incompatible public site, they get a message that tells them the site is incompatible with their browser, and they need to manually switch to a different browser. The need to manually switch to a different browser changes starting with Microsoft Edge Stable version 87.When a user goes to a site that is incompatible with Internet Explorer, they will be automatically redirected to Microsoft Edge. This article describes the user experience for redirection.

The list of incompatible sites is managed by Microsoft and currently contains 1,156 sites, including Twitter, Facebook, Instagram, Google Drive, Microsoft Teams, ESPN, Yahoo Mail, and many others. The website owner can raise an request to update the list using below link,

Continue reading

Adding support for IE11 in react apps

Though the browser support issue has been a well discusses topic, there have always been some or the other dependency issues that the app may face with regards to missing polyfills. Here I am registering the fixes that our react app faced during the production build.

Step 1: Add the browser details in browserslist of package.json

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ]
  },
Continue reading

Essentials For Building A SAAS Product

credits: https://frontegg.com/blog/product-management-tips-for-early-stage-saas-products

Validate UX flows with customers:

Don’t assume you know what your users expect, especially when building a new product. With the current technology, it’s very easy to validate user experience without actually writing a single line of code. Use (or have your Product or UX designer use) interactive prototyping tools like Adobe XD, Figma, Sketch and others to provide high level mocks of the experiences you plan to provide within your product. When you feel that a critical mass of users approved these experiences, feel free to hand off your designs to development.

Continue reading

Webiny – Opensource Serverless Headless Universal Javascript CMS

In recent past I have been working on a project that required a admin panel with a content modelling platform with it. As I lean more towards universal JavaScript frameworks, I always wanted to have an ecosystem that runs well with JavaScript stack. I was looking for a CMS which is open-source and provides more scalability and flexibility into the system. Headless CMS had been my immediate choice as I was planning for a mobile platform with a powerful modelling features associated with it. Thats where I came across webiny which promoted itself as a serverless headless universal Javascript CMS. In a first glance webiny looks promising in all aspects. I will be posting more on the webiny in future posts. This post discusses the initial setup of Webiny CMS for your project.

I started using the framework with quick-start guide it provides,

https://docs.webiny.com/docs/get-started/quick-start

Continue reading

Design System = Atomic Design, DDD(Design Driven Development), Storybook

The information technology has reached a stage where it has started exploring the worlds of physics and chemistry on its own style. Yes, it might sound like a metaphor, but its getting true in most sense. Now the industry is strongly getting into atomic design where you talk mostly about atoms, molecules, organisms. Any new development projects from now will mostly consider following new system design approaches which will involve all those mentioned in this article.

Continue reading

VS Code Settings For Maintaining Code Standard, Format And Style

This article is the result of my experience in managing a large team for a complex project. I believe this would help you as well.

There are cases where the projects timelines are large and the team members keeps changing too often in between the start and end of the project. In such cases, maintaining the format and standards of the code only through the code review becomes complex and the time required for the reviewer keeps increasing with the members of the team. I firmly believe that such teams should adhere to code format and styling in their code editor than training the project styling or formatting to each new members.

Continue reading

Monorepo For React, React-Native Projects Using Lerna

Initially i tried with yarn workspaces for having a shared package structure between mobile and web. But this doesn’t seemed to be fruitful as there were sim-links issues for react native projects. Though there are several workaround for these issues, it doesn’t seem to be maintainable for longer period. So i was looking for an alternate tool that could solve this problem and LERNA found to be a better tool for this requirment.

Steps for creating a npm project and Installing Lerna:

Continue reading

Launching Flutter App in Windows Without Opening Android Studio for VS Code Users

I always looking for alternative to keep things simple while getting started on a project. This matters because the total led time for the project from initiation to production will have lots of unwanted actions that adds no value to the process. Sometime reducing the lead time could be a challenging task for managers as the process involved here starts from basic setup of the project to final completion. The steps involved in the process should be transparent enough in order to reduce the overall lead time of the product. One such use case in software industry could be reducing the steps involved in the project setup and below is a small such use case for the same.

Continue reading