Apr 18, 2022Svelte and Svelte-kit — RenderingIn the previous post, we learnt few of the reasons why Svelte and Svelte-kit is a good idea. One of the reasons is about better performance due to better rendering. This post is about how a WebApp can be rendered in order to optimise performance and user experience. Rendering a…Svelte2 min readSvelte2 min read
Mar 12, 2022Svelte and Svelte-kit — reasons to move to SvelteSvelte is the latest approach to front-end web development. It is a JavaScript framework that compiles the code into tiny vanilla JavaScript code, unlike most other frameworks or libraries in JavaScript. Svelte-kit is a package used to build the Svelte code, to make the code production ready. To begin with…Svelte2 min readSvelte2 min read
Feb 7, 2022How to move from class component to function componentIn the last post, I have talked about the differences between a class component and a functional component. This post is about how a component can be moved from a class to a functional component. Consider a class component that gets a set of To-Do items from the server and…Java Script2 min readJava Script2 min read
Dec 31, 2021React class components and functional componentsReact class components are extended from the ‘Component’ class that is provided by ‘react’. These are complete classes that contain lifecycle events and states. The constructor ‘super’ is used to give values to states. The this.props gives props sent to the component. These do not need external libraries or hooks…Java Script2 min readJava Script2 min read
Nov 26, 2021Basic JavaScript conceptsJavaScript is the programming language of the web. It is very popular and also quite easy to learn. Here are the concepts that I found to be unique to JavaScript, that I found to be useful and important. Hoisting: When a function is defined as a function, it is taken…Java Script4 min readJava Script4 min read
Nov 21, 2021React hooks — The Why, How and WhenIn the previous post, I went over the basics of React hooks. This post is about when to use Hooks and how to create custom hooks. React hooks make code much more leaner and simpler, for simple problems or scenarios. Libraries like Redux, while extremely useful for larger and complex…Javascript Development3 min readJavascript Development3 min read
Oct 9, 2021React HooksReact is a design oriented library, used to make interactive WebApps, where the DOM elements reloaded only when there were changes. This is called differential reloading. This is useful when you require interactive and dynamic DOM elements. Earlier, react was a plain front-end library, only used to make everything look…React3 min readReact3 min read
Oct 2, 2021Apply, Call and BindThe 3 most commonly used built-in methods for JavaScript functions — apply, bind and call. These are used when invoking a function. The methods “apply” and “call” invoke the functions immediately while “bind” prepares the function for later invocation. Apply: The ‘apply’ method invokes the function with the context that is…Java Script3 min readJava Script3 min read
Sep 26, 2021Function expressions in JavaScriptWhile I was writing the post on JavaScript functions, I realised that the “function expressions” needed a post of its own! So here I am writing about all the features, properties and uses of the function expressions. Some of these I learned while I wrote the previous post, but are…Java Script2 min readJava Script2 min read
Sep 18, 2021JavaScript FunctionsJavaScript is mostly a functional language. It uses functions to implement most of the programming scenarios like asynchronous tasks, Object-Oriented-Programming paradigm etc. In JavaScript, functions are treated equivalent to objects — they are sent as arguments to other functions, and returned from other functions among other ways. Functions can be…Java Script3 min readJava Script3 min read
