Idukki, Kerala@cirbuk
Showing:

Openbase Activity

Joined Apr 2021

Rating Distribution

5
43
4
22
3
6
2
0
1
0

Feedback Distribution

64
Easy to Use
61
Great Documentation
50
Performant
28
Bleeding Edge
26
Highly Customizable
18
Responsive Maintainers

Top Reviews

reactA declarative, efficient, and flexible JavaScript library for building user interfaces.
I have been using react for almost 3 years. With react its easy to create re-usable components that are easy to use and maintain. Also there is a large ecosystem of component libraries which are written in React to make developer's life so easier. I also tried other frontend javascript libraries with React API like inferno.The thing those libraries lacks is the hooks. It is a lot easier to write reusable hooks in react that helps in easy abstraction of various logics which makes the code neater. If you are looking for performance I don't think that rect is the best option here. A better alternative is to use inferno which is created for performance and is based on React API. The great thing is that there are a lot of tutorials about react, so getting started with it is very easy, And testing libraries like enzyme and react-testing-library makes testing react components much easier.
reactA declarative, efficient, and flexible JavaScript library for building user interfaces.
I have been using react for almost 3 years. With react its easy to create re-usable components that are easy to use and maintain. Also there is a large ecosystem of component libraries which are written in React to make developer's life so easier. I also tried other frontend javascript libraries with React API like inferno.The thing those libraries lacks is the hooks. It is a lot easier to write reusable hooks in react that helps in easy abstraction of various logics which makes the code neater. If you are looking for performance I don't think that rect is the best option here. A better alternative is to use inferno which is created for performance and is based on React API. The great thing is that there are a lot of tutorials about react, so getting started with it is very easy, And testing libraries like enzyme and react-testing-library makes testing react components much easier.
day
dayjs⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API
In Javascript working with dates is a little challenging. There will be a lot of requirements like dealing with timezones, validating and transforming date times. The best library for this was moment JS and I was using it in my older projects. The major issue with moment JS was its size is huge around 70KB which significantly increased my bundle size. Since then I was looking for a better alternative and soon found Day JS. Day JS was easy to work with as it had an API similar to moment JS. So porting my app to use DayJS was very easy. Also the great thing is that this is only 2KB. So If you are using moment js in your frontend apps then replace it by Day JS. It will decrease your bundle size significantly.
inferno:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
The fastest UI library at present. I have used inferno in some of my projects like (https://ashikmeerankutty.github.io/hat/) The API is quite similar to React. So for those who are coming from React / Preact. It is very easy to start using inferno. The one thing that I don’t like about inferno is that It doesn’t support hooks. So we need to write class components if we need to use state. For react developers it is very annoying to write class components as functional components with hooks are a lot easier to write and custom hooks can abstract a lot of reusable methods. If inferno implements hooks I will definitely use it in all of my projects as it is extremely fast as compared to react.
apollo-client:rocket:  A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
This is by far the best GraphQL client I have used with React. The caching is simply awesome that it can speed up your app. I recommend using apollo for all your graphql needs and not for state management. Although It is very easy to use apollo as a state management tool, you will end up with some difficulties as your app grows. I have faced the same and ended up using another state management library to manage my local states. The best thing about Apollo is that it is easy to set things up. If you are using react, then apollo provides easy to use hooks for querying and mutation.
@storybook/react📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Storybooks are by far the best tool to develop react components. It is very easy to setup and is super powerful. I love creating components in storybook as it is super fast and support hot reload. Also the support for typescript components is great. By using a typescript docgen addon it is super easy to understand props of a component. Also hosting our storybooks to web allowed our design team to have a clear understanding about the working of our components which helped them to design it better.
netlifyA Open-API derived JS + Node.js API client for Netlify
The best static website hosting service out there. It is super easy to connect netlify with your gtihub projects. This enables building and deployment of project for every commit to master/main. So we don't basically need to think of deployment when hosted on netlify. All of my static projects including my portfolio website is hosted on Netlify. Also netlify dns service is super awesome that I am using it for a lot of my projects and the UI is super cool.
typescriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output.
The must have tool for any javascript projects. I was a little hesitant to try out typescript at first because there was a war going on in the online community about why / why not use typescript. I started my typescript journey by converting an existing open source react app to typescript. Initially it was a little difficult to figure out the types for various parts of the component but when I was done with some of the functions and variables, it became very easy to figure out the type of most of the variables, functions, parameters etc. So we can know a clear idea about what data will be flowing through that part which helps in avoiding a lot of conditional checks and errors which may be only caught on run time. Now I use typescript in every project. It's a bit hard to write as compared to javascript but it is worth doing. The only issue I face is some of the external libraries are not written in typescript / do not have type declarations which can create issues when working with typescript. Also there is a great ever growing community on DefinitelyTyped where types of most of the javascript libraries added.
hus
huskyModern native Git hooks made easy 🐶 woof!
This is a great tool to run hooks before various git operations. I am using it to lint and run tests before the code is pushed to github. This ensures that none of the test cases are failing and the files are properly linted based on our eslint rules. Earlier these failed test cases were only found in CI which was a trouble. I am using a pre commit hook for lint changes and pre push hook for running tests. I always use lint-staged when using husk to lint only staged files. This ensures the person working on that particular file is only responsible for lint errors on those files. It is very simple to use and well documented. The only issue is if you are using pre-commit / pre-push hooks the time taken for those operations will be more than usual. Also we can override hooks by adding -n to the command. This helps especially when we are merging branches.
npmthe package manager for JavaScript
Npm is the best package manager for node js. It is very easy to use. I’m using npm everyday. There are a ton of packages out there you can install with npm. Also we can publish our public / private packages to npm it is also very easy. We need to be a paid user for publishing private packages but we can easily publish public packages for free. I published many of my packages on npm. It helped me to use them in multiple projects easily. Npm was slow as compared to yarn earlier but now it is faster. Also the caching helps in installing large packages easily without requiring a download. The only issue is that node_modules can eat up a lot of space of your hard disk. It would be great if there was a centralised source locally and reuse packages so that it won’t eat up your hard disk but that won’t be possible due to the frequent updates to packages.
fabricJavascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
HTML canvas is very difficult to work without fabric. Fabric provides great features like multiple font support, drag and drop, etc, by directly interacting with the canvas which is very difficult to build otherwise. One of the project I am working is heavily dependant on canvas and the node JS support made fabric more powerful as rendering and export can be also done in the server side. The project I am working aims at creating badges of different types on a large set of images, so it required the support of node JS to generate the images in bulk in the server. The only downside of fabric in node is that, it is using node canvas under the hood and it is not well maintained. It also helped me to generate a JSON of the configurations so that I can save them in a database and load them to let my users update the image whenever they needed.

GitHub Activity

Joined Jan 2015
37
Followers
39
Following
70
Repositories
7
Gists
185
Pull Requests
16
Issues
46
Starred
65
Watched

Organizations

floplug
cirbuk
ceadoor
ktuapp
Ashik Meerankutty upvoted a review by Charles8211
5d ago
recoilRecoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
Easy to Use
Bleeding Edge
Performant

It is the newest state management library which is very much easy to use when compared to redux. I have been using it from last year as a replacement for redux. So far it is good but when comes to production it is still not stable. The project itself has raised a traction now as it is backed by facebook now.


2
Ashik Meerankutty upvoted a review by Charles8211
5d ago
pas
passportSimple, unobtrusive authentication for Node.js.
Easy to Use
Performant
Highly Customizable

passport.js is an authentication middleware for node.js. It supports a lot of social authentication using its plugins. The only con I noticed is the poorly written documentation. Also it still uses callback API which is highly inconvenient.


1
Ashik Meerankutty upvoted a review by Charles8211
5d ago
winstonA logger for just about everything.
Great Documentation
Easy to Use
Performant
Highly Customizable

This is the best logger out there for nodejs applications. I hook up winston into my app all the time. The level of logs that can be configured is one of the best feature for the logger. My custom setup of winston is published as a separate library to be reused across projects. The readme is all the documentation you would ever need.


1
Ashik Meerankutty upvoted a review by Charles8211
5d ago
mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Easy to Use
Performant
Great Documentation

I have been using Mocha and chai for unit testing for a while now. This is really for anyone who has never written a unit test before.I prefer it over jest or cyprus simply because the syntax is so user friendly. As I said, best for new coders working on unit testing. As far as I know, its being used in many organizations now and is best to get a hang on mocha if you are looking to work with node.js and API testing.


2
Ashik Meerankutty upvoted a review by Charles8211
5d ago
npmthe package manager for JavaScript
Great Documentation
Easy to Use

I have been using npm for a long time now. Initially I hated npm as it was too slow and lacked many features that yarn offered. But after the v7 release I found out that npm is now better and faster. I am trying npm once again. Would recommend to all the beginners as it is easy to use.


1
Ashik Meerankutty upvoted a review by Charles8211
5d ago
knexA query builder for PostgreSQL, MySQL, SQL Server, SQLite3 and Oracle, designed to be flexible, portable, and fun to use.
Great Documentation
Easy to Use
Performant

I prefer SQL DBs over No-SQL DBs and that is why i use knexjs a lot in my projects. The API is well crafted and abstracted which makes it easy to use. The community around this project is wide as well. And the best in class documentation covers many advanced use cases that I typically run into on a daily basis. Highly recommended.


1
Ashik Meerankutty upvoted a review by Charles8211
5d ago
rs
react-selectThe Select Component for React.js
Great Documentation
Easy to Use
Highly Customizable

It is the select component to react which at first built for keystone.js. It helps me to control over the UI behaviour by component API injection. By using styles prop I can style individual components with custom CSS. The async version is debouncable and provides auto-suggestions. It helps me to create new options using the creatable component.


3
Ashik Meerankutty upvoted a review by Charles8211
5d ago
twilioNode.js helper library
Great Documentation
Easy to Use
Responsive Maintainers

It is a good library to have chat within the webapp. I have done several projects using twilio with my team and from that experience I think that it is little heavy for the frontend bundle. So to tackle this I load the library through workers in parallel. Documentation is good.


2
Ashik Meerankutty upvoted a review by Charles8211
5d ago
nod
nodemonMonitor for any changes in your node.js application and automatically restart the server - perfect for development
Great Documentation
Easy to Use
Performant
Highly Customizable

It is the best command-line interface (CLI) for me and to the community. It works really great in monitoring the changes in code and automatically restart the server. I have used it in many of my projects and feeling fully satisfied with it. From my side, add 1 second delay between reloads which is possible with this. Documentation is neat and easy to use


2
autoprefixer Parse CSS and add vendor prefixes to rules by Can I Use
Great Documentation
Easy to Use
Performant
Bleeding Edge

When working with css it's hard to write all vendor specific prefixes to the style attributes. I was looking for a tool that can automate that and found autoprefixer. If you are using webpack and css you can easily use autoprefixer in your app. It's very easy to set up if you are using PostCSS webpack plugin This is part of my webpack config boilerplate which I use across my projects.


0