Routing in Next JS is quite different from what we are used to with React Router. Initially, it is quite easy to start but later it becomes tricky. I have started using Next JS recently and in the beginning, it was a mess because Next JS is using React as a library and they put their convention on top of it. SSR is another reason for the new conventions.
Category: English Posts
TypeScript the benefits
JavaScript is a loosely typed language. I am used to with JavaScript for long. My first language was PHP and JavaScript is my second language. I started Python but didn’t continue. As all of my programming languages are loosely typed languages I am not used to with Typed language. My first impression of TypeScript was very very irritating. In the first days, Whatever I wrote is taking my focus to the type declaration from the actual logic design.
How to filter JS Object properties
I was working in a React JS project and going to develop a higher order component to extend some feature of another component which is provided by a UI library. There is a Filter method in JS which works only with Array. First thing came into my mind is the old school approach like below.
Why I have chosen React JS Ecosystem
React JS is a JavaScript library for building user interfaces. React is a DOM manipulation library. It does the same thing as jQuery does but, in a different way. React is a
SVG for Web Design
What is SVG
SVG stands for Scaleable Vector Graphics. If you work with graphics or have some idea about it you know what’s the advantage of working with vector graphics. We know about some vector format like eps, ai etc. svg is yet another format specially built for web to make two dimensional graphics.. The SVG specification is an open standard developed by the World Wide Web Consortium(W3C) since 1999. SVG is written by XML language which is pretty semantic but it’s very hard to write with hand though. All modern browsers support SVG. Checkout full support details here. Continue reading SVG for Web Design
Why Toptal seems great to me
I know Toptal from their awesome tutorials and blog posts. Many days ago when I was googling I found some tutorials written inToptal blog. Those tutorials were so helpful and when I was discussing with one of my designer friend he was telling that Toptal is actually a marketplace of most talented freelancers around the globe. Also heard that he failed to pass in Toptal screening process. It made me interested. Continue reading Why Toptal seems great to me
How to change bootstrap scrollspy offset
Its a case study actually, I was stuck to change the scrollspy offset, however, there is some dirty and fair way to set this value. Question is why I need this. If you use fixed position navigation or change the scroll offset then you will see the navigation items inn’t highlighting perfectly, generally the problem is always the exact previous item being highlighted after reaching the content. I saw a topic here but wasn’t satisfied actually. Continue reading How to change bootstrap scrollspy offset
WE Tech Fest 2014 in AUW
WE Tech Fest: Women Empowerment through Tech Fest” is focusing on women’s visibility and involvement in IT field. This is one of the first initiatives taken in this region to promote women in the technology field. It aims to ensure a large number of women’s participation in IT Development. Moreover, AUW IT Club always encouraged female leaders from Asian University for Women in Technology. Continue reading WE Tech Fest 2014 in AUW
How to change bootstrap collapse nav menu appearing time
I was trying to change the appearing time for bootstrap navigation for touch device. Many jQuery and less css based solution I found in web but I found a convenient solution in Stack Overflow. Here is it Continue reading How to change bootstrap collapse nav menu appearing time