ReactJS is a JavaScript library to build user interfaces. it is a declarative and flexible library that you can use to build reusable components. React creates virtual DOM in memory and manipulates DOM before making any changes to the browser DOM. React only changes what needs to be changed! In this lab, we will explore […]
iModel.Js is powerful visualize library developed by Bentley System for creating, accessing and integrating infrastructure digital twins. Follow these 3 steps to build high-quality web app within minutes, with the web technology you know and love. 1. Installation First, install Node.Js , then , install latest npm 2. Start a project Create a new iModel.Js […]
In this lesson , you will learn how to build iModel native desktop app with iModel.JS and Electron.JS. You might be curious how easy it is to start building high quality desktop apps for any platform, or even port your existing iModel App to native desktop platform. This lesson covers the following topics :1. Configure […]
This is a list of essential tools & Services from my own experiences that are required for every developer needs to write iModel.Js based applications. Whether your building simple asset viewer app or complex web, mobile or desktop application, these tools should make your life easier and will also increase productivity. The iModel.JS Developer’s Toolkit […]
To secure your node.js apps (web site or API ) we need to configure SSL Certificate. Here are the steps to create and configure a new self-signed certificate for express web server. Install OpenSSL Based on your target hosting platform download “OpenSSL” from https://code.google.com/archive/p/openssl-for-windows/downloads If you are hosting your Nodejs site or service on Windows […]
In this lab, we will explore the starter code and will learn basic project structure, folders, and files. if you have not already set up your project, you can go ahead create new react project using the following command or follow lab #1: Start Building with reactjs to setup brand new project. Here is how […]
In this lab, we will explore how to create an HTML element in reactJS App. HTML Element always starts with a start tag & ends with end tag and the content is always placed in between. for example, React elements are plain objects. For example, here, we can create the following a react element This […]
If you can build a website, you can build a desktop app as well as using the same technology that you use for web apps. Now, you might be curious about how we can build the Desktop app from JavaScript. Yes, We can build the cross-platform desktop app with javascript using an open-source framework, called […]
JSX ( Javascript XML) allows us to write HTML element in javascript without using createElement() or appendElement to append or insert html element into DOM. In this lab, we explore how to produce React element which can be rendered into DOM. So, let’s get started. With JSX. In the below example, we will use simple […]
React Components are basic building blocks of any react apps and allow us to split our UI into a reusable piece of code which accepts data through properties and states and return HTML elements. There are two ways we can define components in ReactJS. The functions components using javascript The class components using ES6 Classes […]