Month: November 2020

#00 – Concepts and Notes – JavaScript

Following is a list of core JavaScript concepts: HistoryDeveloped in 1995 by Brendan EichInitially named as LiveScriptAlso known as ECMAScriptJS has no concept of input or outputIt runs in an hosted environment like Node Server or BrowsersOverviewJS is a multi-paradigm, dynamic languageSyntax is similar to Java and C languagesIt supports object oriented approach using objects prototypes instead of classesIt also supports functional programmingTypesNumberStringBooleanSymbolObjectFunctionInner FunctionsArrayDateRegExpNullUndefinedVariablesLetConstVarOperatorsNumbericPlus (+)ComparisonBitwiseControl Structuresif-elsewhile loopdo-while loopfor loopfor-of loopfor-in loopswitch References: https://developer.mozilla.org/en-US/docs/Learnhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript...
forward

#01 – Introduction – Learn GraphQL

In this post, we have discussed what is GraphQL, the differences between REST API's and GraphQL API development architectures, and an example scenario to elaborate on the differences between the two approaches. What is GraphQL? It is a new API development standardIt is a query language for API'sIt provides declarative syntax to fetch data from multiple data sourcesIt's an alternate to REST API development architectureUnlike REST, it exposes only a single endpoint to respond to queriesIt solves the problem of over-fetching and under-fetching the dataIt speeds up the development because we don't need to adjust API every time the front-end...
forward

#02 – Data Fetching – Learn Next.js

Next.js provides three functions to fetch data for pre-rendered pages: getStaticProps(): Used for static generation (pre-rendering technique)Fetches data at build-timeWhen an async function getStaticProps() is called from the page component, the next.js will pre-render this page at build time using the props returned by that function (see Examples)The context parameter used as an argument of getStaticProps() function is an object containing following parameters (see details here):paramspreviewpreviewDatalocalelocalsdefaultLocalegetStaticProps() function returns an object with following parameters (see details here):props (required)revalidatenotFoundredirectImports used inside the getStaticProps() function are not bundled for the client sideServer side code can be written inside the getStaticProps() function e.g. to...
forward

#01 Introduction – Learn Next.js

Next.js is a framework used to develop production ready React applications. Next.js provides many useful features e.g. pre-rendering, smart bundling, dynamic file-based routing, route pre-fetching and many more. In this blog post, we have discussed the prerequisites, how to create next.js application, next.js pages, and pre-rendering techniques.

forward