Hi there 馃憢

Welcome to GeekyHub.

  • GeekyHub is a place to share my thoughts, opinion and Experiences on Technologies.
Three proffessionals collaboration on single sheet of paper

How to Use Tiptap's Collaboration Feature with Rails Action Cable

In this post, we鈥檒l walk through setting up Tiptap鈥檚 collaboration feature with Rails Action Cable and ReactJs. Tiptap is a powerful headless editor built on ProseMirror, and when combined with Y.js, it allows for real-time collaborative editing. We鈥檒l use Mantine component libaray, but it鈥檚 not mandatory for this setup. If you prefer to dive directly into the code, check out the example on Github Prerequisites Ensure you have the following installed:...

June 18, 2024 路 4 min 路 Vikas Kumar
Using any IDE on Remote developement

Seamless Remote Development with Any IDE Using Unison for Bidirectional SSH Sync

If your development environment is on a remote server, you might need to code on the remote machine itself to see the effects of your changes in real time. This scenario is fairly common these days as applications become more complex, and setting up a local development environment requires extensive configuration or mocking of the resources used in the app. In this case, you are left with very few options for code editors....

June 15, 2024 路 3 min 路 Vikas Kumar
Photo by RealToughCandy.com: https://www.pexels.com/photo/man-love-people-woman-11035380/

Stop using serverless-webpack for AWS Lambda

I see that nodejs lambda projects are built using serverless and often include serverless-webpack. It is used to implement babel and get the latest javascript syntaxes, especially module and top-level awaits. But as per this blog post, the AWS lambda environment already supports these features, so we should no longer need to use serverless-webpack. There are some cons that I face while using webpack in serverless. Code is transpiled (and optionally minified), making it challenging to debug from logs, as line numbers and function names may not be the same per your development environment....

October 6, 2022 路 1 min 路 Vikas Kumar
Multiple stores

Journey of building a game using the Flutter

For the last few weeks, I have been working on a React Native project for work. So this was my first experience writing 鈥渞eal鈥 mobile apps. Before that, I only wrapped PWA鈥檚 as APK and called myself a mobile developer 馃槑. React-Native came naturally to me after climbing some learning curves as a React Developer. So, now I wanted to check out the buzz around Flutter. So last weekend was a fine sunny day which is quite pleasing in the late winter season....

February 19, 2022 路 2 min 路 Vikas Kumar
Animation in React Native

Animate SVG in React Native

Here, by animating SVG, I mean to change the property of SVG elements dynamically, which will look live-like. In react native, we can generate/render an SVG using the react-native-svg library. A complex SVG comprises many more minor elements that could be animated individually. But here, for example, we will take only one piece, a circle. The following code will draw a circle with a radius of 50 units. <Svg width={200} height={200}> <Circle cx="55" cy="55" r="50" stroke="black" strokeWidth={5} /> </Svg> Suppose we want to animate it to become large and small....

February 5, 2022 路 2 min 路 Vikas Kumar