Introduction SocketIO is a JavaScript library that makes developers’ lives easier when dealing with web socket and socket programming. This is the fact that SocketIO has abstracted out all the low-level and tedious steps that are associated with setting up a socket server and client; it has made the question of programmers be “How can I structure my application.” While I have done different types of socket implementations, I will walk us through a setup that has always work for me and has proven to be the best in cases that I have had to use SocketIO. ...

In computation systems, names like concurrent, sequential, parallel, serial, synchronous, asynchronous, non-blocking, shared state, message passing, and likes, stand as a forbearer for the actual task that happens in a system. While all of the above techniques have their use cases, in the world of JavaScript, asynchronous and synchronous programming never leave the tongues of its programmers. In his Concurrency glossary, slikts (dabas@untu.ms) wrote about asynchronous, he said: Asynchrony means “not happening at the same time”, and asynchronous message passing is a communication model that does not require the sending and receiving to be synchronized, meaning that the sender isn’t blocked until the receiver is ready. ...

You might have been in this kind of trap before or currently in one, well, I just want to tell you that I know your pain. In a custom built CMS, managing of Menu and navigation in the site from the Admin Dashboard is a requirement. While it is interesting to use, it is not as interesting to build. I just walked past this process, here, I am sharing how I have conquered it. ...

Beginners in ReactJS often face this kind of error: It is not just with inputs, it is with all HTML elements that does not expect a closing tags, they are called empty elements. A list of these tags could be found here. To solve this very easily, we just have to follow the HTML semantics by ending all empty elements with /> instead of > So inputs should look like this: ...

Last time, I was trying to render a data table and I thought that I should make some fields editable right in the table listing. It is interesting to note that I never thought about any NPM library for it, so I went all out to create a simple but effective solution for myself. In this post, I will demonstrate how I created an editable component. The component would be able to use different form fields and notify the parent if any change has been made. That said, Let’s move…. ...

Modern application development requires that some actions are carried out when a point of the application is reached. Tasks like confirmation email, invoice generation, logging and profiling are few of things that requires to be carried out in specific regions of application flow. These actions that are triggered are called Events. Events in modern application development make code execution after a web request to the server has been completed to be possible. ...

AdonisJS was built for the NodeJS Artisans taking after the concepts of Laravel - The PHP framework for Artisans. AdonisJS did a great job porting these concepts into JavaScript, it maintains the namespace even though JavaScript does not support that, it using its own fast, easy and extendable view engine and many more, but some features of Laravel are not shipped with AdonisJS by default. The IoC container in Laravel auto injects classes by inspection when a recognized namespace is Type Hinted. This makes route model binding easier with Laravel. In JavaScript, there is little that can be done to achieve this, so, there is a need for a custom approach to this. ...

First, install the Validator using the adonis command: 1 adonis install @adonisjs/validtor Create a resource route 1 adonis make:controller PostController --resource Define the route in start/route.js 1 2 3 //.. Route.resource("posts", "PostController") //.. Now, we can make a Validator for /posts/store a d o n i s m a k e : v a l i d a t o r S t o r e P o s t This will create a validator in /app/Validators. ...

Yes, this topic is worth a post and I will walk you through why the migration was inevitable, and how I had done it. Formerly, this website used to run on WordPress, the great PHP CMS. The design was made with the aid of Typography theme, I loved it! All of the post prior to this date was written using the WordPress admin dashboard. I loved the Gutenberg Editor, it was so fluid and easy to work with. Overall my experience was great. ...

Let’s be guided, we are not getting naughty here. Nevertheless, a programmer is a human, he has his feelings and emotions which is interesting. The direction he puts these uniquely human traits makes him more interesting - towards his code and software, of course. I’ve been through a variety of programming languages, which always turned to be that the deeper I dive into a language, the more “aha” moment I get. It always feel like I have gotten what I wanted and I have to look no further in my quest to attract the priceless attention of my peers. ...