Session 1: Getting started with React Js

-
What is React

React is a front-end framework to create a UI. React is a JavaScript library for building components.
React is light weight representation of the memory which is called virtual DOM. Each react element is a plain java-script object.
In react, we simply change the state of our components and react will sync with Real DOM by itself.
Each page can divided into components like:
left pane, navbar, app.
These components are created with the help of react js.

 React or Angular:

 Both of these have component based architecture. But angular is  framework, a complete solution and react is a library. React only take care of rendering the view and view is in sync with the state.
For working with react you can easily use the other libraries like routing, calling https etc. With you get the libraries to be used also with react.

 Important Terms to Know Before start coding  in React:

What is Node.js?

Node.js is a run-time environment that executes JavaScript server-side.

What is npm?

npm: Node Package Manager.
npm is the default package manager for the Node.js. The package manager makes it easier for programmers to publish and share source code of Node.js libraries and is designed to simplify installation, updating, and uninstalling of libraries.

What is JSX?

JSX : JavaScript syntax extension.
It used with React to describe UI elements. JSX code must be transpiled to plain JavaScript before it can run in a browser.

What is webpack?

webpack bundles JavaScript files so they can run in a browser. It is used to specify a compiler, such as Babel or TypeScript, to transpile JSX or TypeScript code to plain JavaScript.


Comments

Post a Comment

Popular posts from this blog

Interaction with UI from windows service

-
I nteract ion with UI from windows service Introduction Windows service has no UI and it has never been easy to prompt users with some notifications from windows service. To interact with UI from windows service, we used to opt, allow service to interact with desktop and by launching another process from the windows service. But it is not expected to work with windows vista and upwards. So now the question is how to implement this in newer versions of windows i.e. windows 8, windows 10 etc. Here is the answer: Display a dialog box in the user's session using the  WTSSendMessage function. It can be used to display messages from windows service on all supported windows operating systems. WTSSendMessage Displays a message box on the client desktop of a specified Remote Desktop Services session. Syntax BOOL WTSSendMessageA(   IN HANDLE hServer,   IN DWORD   SessionId,   LPSTR      pTitle,   IN DWORD ...
Read more

.Net Basic terminology

-
Image
.Net Basic terminology 1  What is the CLR? CLR: Common Language Run-time. The  Common Language Run-time ,  the virtual machine component of Microsoft's .NET framework, manages the execution of .NET programs. A process known as just-in-time compilation converts compiled code into machine instructions which the computer's CPU then executes.[1] The CLR provides additional services including  Object-oriented programming model (inheritance, polymorphism, exception handling, garbage collection) Security model Type system All .NET base classes Many .NET framework classes Development, debugging, and profiling tools Execution and code management IL-to-native translators and optimizers  All versions of the .NET framework include CLR. 2 What is the CTS? CTS: Common Type System.  This is the range of types that .NET run-time understands, and .NET applications can use. However not all .NET languages wil...
Read more

Basics of .Net

-
Image
Basics of .Net  What is .NET? .NET is a environment for software development. It is similar to other software development framework LIKE J2EE etc in that it provides a set of run time containers/capabilities, and a rich set of pre-built functionality in the form of class libraries and APIs. The .NET Framework is used for building, deploying, and running Web Services and other applications. The IDE provided by Microsoft is Visual Studio.  It consists of three main parts:  the Common Language Runtime,  the Framework classes, and  ASP.NET. How is .NET able to support multiple languages?    In .NET, code is compiled to Microsoft Intermediate Language (MSIL). This is called as Managed Code. This Managed code is run in .NET environment. So after compilation to this IL the language is not a barrier. A code can call or use a function written in another language.  What are the major components of .Net? The major components...
Read more