Posts

Next.js

Image
  NextJS includes its own routing library so we do not need to install routing specific libraries like react-router that we do when working with reactjs We use a mixture of CSR and SSR Next JS framework components In nextjs, the router is based on the file system Routing in next.js is based on convention and not configuration Unlike how we do it in react (react-router), we do not have to configure and map routes to components  We can simply create files and folders to represent our routes Folders aren't publicly accessible unless we add a page file in it Use <Link> instead of <a> 'use client'; is used to tell the compiler that that file is meant for CSR and must be included in JS bundle  Rendering in Next.js By default, next.js caches the api calls and renders the routes at build time For dynamic rendering:

Code Management with CI/CD Pipelines

I  would like to start introducing you to a past experience that I had when I was at college, I was learning about basic HTML, CSS and Javascript, had recently learnt how to insert images, audio files into a web application, how to use CSS, learnt how to write functions, loops and if/else statements and similar other concepts, you can do quite a few things with these simple concepts when it comes to creating web pages, I was then planning to create a simple browser based game similar to the classic Duck Hunt which is basically an age old video game created by Nintendo in 1984 in which you shoot at images of ducks that pop up on your screen with your light gun (except in my case the gun was the computer mouse), so you can tell how basic my first videogame idea was! I downloaded an image of a duck from the internet, used the  random  function javascript to make the image of the duck pop up on the screen with random coordinates after every 1 second and whenever the duck imag...

JS

Functional programming is about:  Isolated functions - there is no dependence on the state of the program, which includes global variables that are subject to change  Pure functions - the same input always gives the same output  Functions with limited side effects - any changes, or mutations, to the state of the program outside the function are carefully controlled Some more terminologies: Callbacks are the functions that are slipped or passed into another function to decide the invocation of that function. You may have seen them passed to other methods, for example in filter, the callback function tells JavaScript the criteria for how to filter an array.  Functions that can be assigned to a variable, passed into another function, or returned from another function just like any other normal value, are called first class functions. In JavaScript, all functions are first class functions .  The functions that take a function as an argument, or return a function as ...

React.js