Pretty sure you know why the blog post has visuals in the first 2–3 paragraphs, and then none! 🤷🏻♀️
It wouldn’t have been these many words in this blog post if it was not for the year 2020. Strangest year in my 24 years of living and I believe, the strangest for almost everybody, 2020 had its own way of teaching us stuff the hard way, it be losing our close ones, losing jobs, not having enough opportunity to distract ourselves from the monotonous at-home daily activities etc., city/country unrest, protests and what not! …
I came across a question somewhere regarding adding a custom prompt of “Add to Home Screen” for your progressive web application for the browsers that do not have a built-in support for the same. An example of this is the Safari browser that currently does not prompt the user for adding an app to your home screen as an application.
Now this intrigued me since I am an IOS user and still having never thought to implement one already. Well, it was time to react now that I woke up.
So I implemented a custom add to home screen functionality…
Have been exploring redux-saga lately and thought I will put down here a simple counter example using Redux saga with TypeScript to manage the counter state across the application.
We will start with with a simple create-react-app with a Counter Component. In the first part of the article, we will see how to modify the state of the counter without using redux. And in the second part, we’ll maintain the state using redux saga. I am putting it down here, hope this helps some of you too.
Building your app from a Github repository, with monitored commits and continuous deployment. Sounds fun? We can do this using Azure Static web apps. This was announced at Microsoft Build this year 2020. And, it seems to be making the task of building and hosting our web applications seamless.
heard it right! Hosting web apps, continuous deployment from the Github repo, free SSL certificate that gets auto-renewed, wondering about API support? Azure functions help with that.
Have an existing application on Github and you want to deploy and…
IWD India Summit 2020 is not very far and I am sure all of you are as excited as I am.
I will be talking about framework-agnostic web components in Polymer, Angular etc. on May 31, 2020.
Talk: Web Technologies/Angular
Date & Time: May 31, 3:15PM — 3:45PM
I am writing this blog post to bring up the main reason of why I am so excited to be talking to everyone at this platform. Being aware of the very less participation of women from India in tech communities, contribution in different ways like Writing, Speaking, Stack Overflow, Open source projects…
A hackathon event was organised on April 18, 2020 and we discuss about how the web is getting componentized day by day.
I mainly covered about the importance of web components in the era of changing frameworks and technologies in the world of web. We saw how Polymer components can be created, Angular components can be created as custom elements to be used in other frameworks and how the issues like learning curve of different frameworks, reusability, etc. can be looked into with Web components.
I will be sharing my talk video and the slides here in this blog.
The talk streamed live on youtube with discussions taking place in Discord and the recorded version can be viewed here:
Slides:
https://bit.ly/hack-on-by-nishu
Feedback welcome. Thanks! ❤ ❤ ❤
I shared my two cents about using and deploying your Angular applications to Azure with CI/CD in the Global Azure Virtual 2020 UK and Ireland.
A demo of this is given here in my talk recording:
I have attached screenshots of what it takes during the process. So you can look at those in my slides here:
Thanks much! Feedback welcome ❤
The title seems vague? I hope you guessed already what it is going to be about. In this blog post, I will be sharing about dependency injection in general and move to further discuss the DI details
in Angular framework. I will try to dive deeper into the topic and demystify some of the less known concepts in the vast DI system that we follow in Angular.
Let us take an example to understand dependency injection in general.
public engine: Engine;
public tires: Tires; constructor() {
this.engine = new Engine();
this.tires = new Tires();
}
In this case, whatever a…
Engineer @ The DataWorks, Google GDE, Microsoft MVP, @angular ❤️, Author — https://amzn.to/2Zd9ADd