Jul 4CI/CD pipeline for React Native appsBuilding React Native apps is a fraction of the whole app development SDLC. It comes with a whole bunch of tooling and processes around it. It’s very easy to get lost in the myriad of choices of tools and documentations. So, here I have collated the CI/CD workflows and pipelines…React Native8 min read
Published in The Startup·Sep 8, 2020Staggered Animations in ReactAdding the right amount of animations to you web app is like adding lime to your guacamole 🥑, both are delightful. Ask a UX designer, how imperative is animation to apps. …CSS8 min read
Published in codeburst·Sep 3, 2020Member-onlyFunctional Programming in Javascript — Part IIIn the first installment of this series, we discussed the foundations of functional programming as well as some of the essential patterns of functional programming such as compose, pipe, and curry. This article is about applying these patterns to the real world. While there are plenty of articles that discuss…React11 min read
Published in codeburst·Aug 24, 2020Member-onlyTransduction — Functional Programming in JavaScriptOne of the great benefits of FP (Functional Programming) is how it encourages a declarative style of code rather than imperative. It has these three very common functions that are widely known as map, filter, and reduce. This article will discuss one advance — or I should say “very clever”…Transducers9 min read
Published in codeburst·Aug 10, 2020Member-onlyFunctional Programming in Javascript — Part IThe mystic term of Functional Programming (FP) must be familiar to any JS developer. The first impression when we say “JS supports functional programming paradigm” or “JS is a Functional programming language”, could be, well I use functions in JS, so I’m already doing Functional programming. …Java Script10 min read
Aug 7, 2020Member-onlyCSS Grid Layouting made easy in React AppsMost of the time frontend devs just despise two things. First one is making email templates, second one being layouting or as we generally call it “CSS”. …React3 min read
Published in The Startup·Jun 28, 2020Member-onlyReact Components performance checkup — useVigilanteEver wondered that when the project size grows with time, why my React app seems sluggish and my mac pro is heating up due to it for no apparent reason? Let me break your bubble. There’s always a reason The simple reason of your UI/UX being sluggish is when the…React6 min read
Published in The Startup·Nov 28, 2019Usher life to your React apps using AnimeJSAnimation is an important aspect of any app we use these days. It’s gives us validation or reaction to our actions. That’s the rule of nature. We expect to see something react to our action. …React4 min read
Published in Better Programming·Oct 31, 2019Member-onlyHow To Build a Secure Login Flow With OAuth 2, OpenId, and ReactGet your app started on the best foot possible, a secure one — Did you know that around 80% of the data breaches happen through poor password choices like “password”? Did you know that more than 23 million people use the password “123456”? In this digital age, where personal data holds so much importance that strenuous laws are in place in most of…Security15 min read
Published in The Startup·Oct 20, 2019Member-onlyKeeping env variables private in React AppMotivation As a front-end developer, you must have found yourself in a situation on how and where to store my API keys like Google client id, client secret, firebase keys etc. The very naive approach would be to commit such sensitive information on github. And it’s not a surprise to come…Java Script7 min read
