Posts

Redux

 REDUX : 1. Explain flow of redux  : 1. Action An action is a plain JavaScript object that describes a change or an event that occurred in the application. It has a type property (a string that indicates the action) and can optionally have a payload property (additional data needed to perform the action). Example of an Action: const addItemAction = { type : 'ADD_ITEM' , payload : { id : 1 , name : 'Book' } }; 2. Dispatch To initiate a change, an action must be sent to the Redux store using the dispatch function. The dispatch function is a method provided by the Redux store, and it's the only way to trigger a state change. Example of Dispatching an Action: store. dispatch (addItemAction); 3. Reducer Reducers are pure functions that determine how the state of the application changes in response to an action. A reducer takes the current state and an action as arguments and returns a new state. Example of a Reducer: const initialState = { items : []...
Image
 JSP-SERVLET servlet is simple java program that runs on server and capable of handling and generating dynamic response.

JSP-Servlets

 OJT :  Technologies used : 1) front-end : html, css, js, bootstrap,jsp 2) back-end : java,  servlet 3) Database : mysql. software Used : 1. Eclipse 2. Xampp html simple tag : Document Structure Tags <!DOCTYPE html> : Declares the document type and version of HTML (HTML5 in this case). <html> : The root element of an HTML document. <head> : Contains meta-information about the document (such as its title, character set, styles, scripts, etc.). <body> : Contains the content of the HTML document, visible to users. Simple jsp program : <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head>     <title>JSP Example</title> </head> <body>     <h1>Welcome to JSP</h1>     <%-- Scriptlet --%>     <%       ...

ReactJS

Image
 Introduction : What is ReactJS? 1. ReactJS is a  JavaScript  library used to build UI.  2. Its main focus is on UI.  3. It follows component based architecture like header, footer, main content, side nav. 4. DOM updates are handle gracefully in react 5. Component based manage their own state then compose them to make complex UIs. 6. use ES6 - ES6, also known as ECMAScript 2015. ES6 is a major update to JavaScript that includes new syntax and features aimed at making the language more powerful and easier to use. Arrow Functions : Concise syntax for writing functions. Classes : Syntax for creating objects and inheritance. Modules : Import and export statements for modular code. history : Initial Release to the Public (V0.3.0) was in July 2013. Created and Maintained by facebook. Facebook Software Engineer, Jordan Walke, created it. What we need : Variables and Scope : Understanding how variables are declared (using var , let , const ) and their scope (g...