Friday, January 17, 2020

React Apollo vs Redux + REST: Implementing the same feature twice

React Apollo Recently I had a chance to implement the same functionality with two different client stacks. One of them is using Redux with REST calls and the other React Apollo with...
javascript dom

An introduction to the JavaScript DOM

The Javascript DOM (Document Object Model) is an interface that allows developers to manipulate the content, structure and style of a website. In this article, we will learn what the DOM...
tab bar navigation

How to build a simple tab bar navigation component

Navigation A navigation component is crucial on a website because you want your users be able to easily navigate through your pages. You can find a navigation component even on single page...
How to understand a lifecycle methods

How to understand a component’s lifecycle methods in ReactJS

In this article, we are going to explore the lifecycle methods of ReactJS. But, before moving ahead to React’s different lifecycle methods, we should understand what it is. As we know, everything...
javascript variable definitions scope

Javascript variable definitions scope

Javascript variable definitions scope The Visual Guide to JavaScript Variable Definitions & Scope We often talk about scope differences between var, let and const. But even more often, I see learners still struggling with fully grasping the...
how to develop consume and publish angular

How to develop, consume, and publish an Angular library to NPM

Angular is a really popular and powerful JavaScript Framework on which you can built Web Apps to serve millions of daily users. It’s an open source framework by Google and anyone...
react learning basics

Start your journey into the world of React by learning these basics

Today I am going to highlight the basics of the world of React. If you have just started your journey in ReactJS, then I would say you have landed in the...
main differences between flexbox and css grid

The main differences between Flexbox and CSS Grid

Dimensions define the primary demarcation between Flexbox and CSS Grid. Flexbox was designed specifically for one-dimensional layouts, while CSS Grid is engineered to enable two-dimensional layouts. Therefore, CSS Grid can easily...
rails project with a react

How to create a Rails project with a React and Redux front-end

This tutorial will show you how to create a single-page app with React (and Redux and Semantic UI) inside a Rails project. This tutorial will also include: Redux React Router Reselect Redux Think Semantic UI Side note #1....

The magic of the “this” keyword in JavaScript

JavaScript borrows the this keyword from C++, where it is used to point to an instance of an object from within its own class definition. There is absolutely no confusion about the this...
- Advertisement -

PROGRAMING

Angular Best Practices to Organize your Angular Project

Angular best practices ! There are different ways of organizing Angular projects. Many of them follow a pattern of using a shared and core module,...

HOT NEWS