Published in recraftrelic·Jun 1, 2021Getting started with PuppeteerJSLet’s build something in puppeteer — Interested in watching the video? I have made a youtube video about this topic https://youtu.be/KowSdMQTJeo Puppeteer is a nodeJS library that provides an API to automate a launched instance of chrome and chromium browsers. It provides APIs for everything which can be done manually in a browser. Some applications for…Puppeteer3 min readPuppeteer3 min read
Apr 20, 2021React Custom Hooks — Let’s implement our own useReducerLet’s start — I am going to demonstrate all of this over a live stream on 24th of APRIL 2021, Sat at 10:30 AM IST here https://youtu.be/thZ4OjZtmfc Let’s start right away. React custom hooks are designed to share functionality between components. Let’s learn them by example. useReducer is a pre-defined hook provided by…React3 min readReact3 min read
Published in workerB·Aug 3, 2020Building a client-side search recommendations systemLet‘s search — Searching data is an interesting problem. Most of the application requires some sort of search implementations. Some need to provide very simple search functionalities whereas others require intelligent recommendation based searching techniques. Today we are going to build a search implementation that can scale with the needs of our application by…Search3 min readSearch3 min read
Published in recraftrelic·Dec 16, 2019Automating ReactJS app deployment using GitlabLet’s deploy our app — Gitlab created gitlab-runner which helps us run jobs automatically from gitlab and watch results in gitlab dashboard. Let’s use gitlab-runner to automatically deploy a ReactJS app to a Linux server. We need these things to successfully automate our application deployment. A Linux server with gitlab-runner installed. Register the installed gitlab-runner…Gitlab5 min readGitlab5 min read
Published in jobsbuddha·Aug 24, 2019Do you want to take that high paying job?Let me tell you something interesting — You shouldn’t be ashamed of making money. You shouldn’t be ashamed of making money. This world runs on money and more you have in your pocket more you can live an affordable life and get whatever you want. But does money is everything? Should we always judge the quality of the employer based on money? Does more money mean more satisfaction in the workplace?Startup3 min readStartup3 min read
Published in recraftrelic·Apr 29, 2019useState and useEffect explainedThey are fun and concise — UPDATE : I have made a video on this topic you can watch it here https://youtu.be/ek-62uxioNE React is a great library to write reusable UI. The problem React faced for a long time is reusing logic. Developers introduced techniques like HOC and Render Props to overcome this, but both of…Java Script5 min readJava Script5 min read
Published in recraftrelic·Jan 16, 2019What are HTML Custom ElementsFirst class support of custom elements in HTML — So finally we have first class support for custom elements in HTML now. We can define our own custom tags in pure JS without the need of an external library. Defining your own custom HTML element is very simple. You need to use customElements.define …Java Script4 min readJava Script4 min read
Published in recraftrelic·Jan 14, 2019Trying out Shadow DomPretty simple isn’t it? — I have been hearing about Shadow DOM for a quite long now. It’s time we should try them out. So before we get started what exactly is Shadow DOM? What is Shadow DOM? I assume you know what a DOM ( Document Object Model ) is, if you don’t you should definitely check it…Java Script3 min readJava Script3 min read
Published in recraftrelic·Jan 12, 2019A note to every senior developer out thereIt’s not our job. — It’s not our job to fix everything. It’s not our job to fix every mistake done by our juniors. It’s not our job to do extra code because we think we will do it much quicker than the developers we assigned to the task. It’s not our job to be…Programming3 min readProgramming3 min read
Published in recraftrelic·Dec 4, 2018A look at JavaScript ObjectsLet’s explore objects — Recently I started diving deep into react source code and just reading over the code I learned a lot and among all of these things was a better understanding of JavaScript Objects. So let’s together go through the things I have learned so far. Object.freeze I had known about Object.freeze from…Java Script3 min readJava Script3 min read
