So, first, let’s talk about what is ReactJS

ReactJS is an open-source JavaScript library for developing user interfaces. It was launched in 2013 and developed by Facebook, which also currently maintains it together with a community of independent developers and companies.

React, as it is also known, represents a solid foundation on which almost anything can be built with JavaScript. It also makes development much easier, as it offers us many ready-made things, which we don’t need to spend time working on.

An example of this is that it is used to develop web applications in a more orderly way and with less code than if you use pure Javascript or libraries like jQuery focused on DOM manipulation. It allows views to be associated with data, so that if the data changes, so do the views.

For these and other reasons, many developers use it in their front-end projects.

So, let’s install it.

Install ReactJS on UBuntu 20.04

React, as we’ll call it, depends on NodeJS so the first step is to install it on the system.

So, open a terminal and update the distro completely.

sudo apt update
sudo apt upgrade

After that, add the NodeJS 14.x repository which is the version we will be working with.

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

When the process is finished, we can start the NodeJS installation by running the following command

sudo apt install nodejs

When finished, you will be able to check the version of NodeJS installed on the system.

node -v
v14.18.0

Now it is necessary to install a recent version of NPM to do so run

sudo npm install npm@latest -g

Output

/usr/bin/npm -> /usr/lib/node_modules/npm/bin/npm-cli.js
/usr/bin/npx -> /usr/lib/node_modules/npm/bin/npx-cli.js
+ npm@7.24.1
added 70 packages from 27 contributors, removed 250 packages and updated 187 packages in 6.975s

To install ReactJS then, run the following command

sudo npm install -g create-react-app

Query the installed version to check that the installation was successful.

create-react-app --version
4.0.3

With this, we can start creating our projects without problems

Creating a new ReactJS project

To create a new project with ReactJS just run the following command

create-react-app example

You have to replace example with the name of your project. This will start the whole process of downloading and configuring the new project.

When the process is finished, you will see the following output on the screen

As you can see, you have some commands that you should use when needed. To check that everything went well, run

npm start

Now open a web browser and go to http://your-server:3000 or http://localhost:3000 and you’ll see a screen like this

So, ReactJS is ready and you can now create great creations with it. Enjoy it!

Conclusion

ReactJS is a great tool on the Front-end side itself gives us answers to many problems arising from the use of JQuery. So, in this post, you learn how to install it on Ubuntu 20.04

The post How to install ReactJS on Ubuntu 20.04 appeared first on Linux Windows and android Tutorials.

How to download and install Brackets in Windows 10.

This is a multi-platform software so the installer for Windows is available from the project website. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. In effect, these boxes correspond to adding the program to the path for command line use. And the other one is to add the use of brackets to the context menu.

After a few moments the installation is completed.

Launching Brackets for the First Time

After installing the program, simply type your name in the search bar to launch it.

The Windows Firewall warning window will be displayed immediately. Please allow access for optimal functioning of the editor

We have highlighted that the most attractive feature of this editor is that it shows a preview of the live work. With this in mind, you need to have installed Google Chrome. In addition, when the editor is launched, two sample files called index.html and main.css will be displayed. Well, once you have selected the HTML file, just click on the lightning bolt. The Chrome will then display the HTML file in a window. Additionally, any changes we make in the editor will be displayed in the browser. The process is demonstrated in the video below:

Creating a new project in Brackets.

As mentioned, Brackets can add extensions that facilitate its operation. But before you try it, please create a new project to test the extensions. With this intention, create a folder and place it wherever you want. Then from the menu File, click on Open Folder

Now it’s time to create the index.html file. With this in mind, press the right button on your mouse and click on New File.

Now repeat the process to create the styles.css file

With this pair of files, you’re ready to encode.

How to add extensions

Now it’s time to add extensions. This process is very simple and intuitive. Since it is enough to click on the plugin block. For this example, I will add the Custom Works extension that allows to organize the files in tabs. To do this, enter the name in the search engine and then press Install. Finally, wait while downloading and installing the extension

Follow me, you can see the extension showing the content in tabs.

Conclusion

At the end of the day, we have seen how to install Brackets in Windows 10 plus extensions. From now on, you can edit your projects and see the results in real-time. I hope you find this post useful before I say goodbye I invite you to see our post about IP Tools for Android. See you soon!

The post How to install Brackets in Windows 10 plus extensions appeared first on Linux Windows and android Tutorials.

Prerequisite.

OrientDB is written in Java. For this reason, it is essential to have Java Run Environment installed. If you don’t have it yet, you can download it from the following link. Once you download the file, you only have to install it like any other program for Windows. To verify the installation, open a Command Prompt and type the following command:

java -version

If everything is in order, you will see the Java version installed.

Downloading OrientDB

First, go to the download section of OrientDB. Once there, select the Community Edition for Windows:

The file is compressed in ZIP format. For convenience, unzip it at the root of the Windows installation. In most cases, it is the C:\ drive.

Running OrientDB for the first time.

Then go to the following path: C:\orientdb-3.0.25\bin. Now let’s start the database manager, double-clicking on the file server.bat

This will start the server by opening a CMD console and you will see the following:

The wizard will ask you to assign the password for the root user.

If you want to start the manager using the CMD, you only need to go to the bin folder of the program, and then run server.bat.

cd..
cd..
cd orientdb-3.0.25
cd bin
server.bat

Running the console − You can use the following command to run OrientDB under the console. With this in mind, go to the same previous path and run the following command:

console.bat

Once the server is started, go to the web browser and enter the following in the navigation bar: http://localhost:2480. You have to enter the password created for the root user.

After entering the password correctly, you will see the OrientDB graphical interface.

To shutdown the engine, you need to run the following command from the bin folder:

shutdown.bat -p rootpasword

Remember to replace rootpassword with the password you created.

Conclusion

Finally, we have seen how to install OrientDB in Windows 10. Now you can enjoy the advantages of this NoSQL database manager. All right, that’s it for the moment. Before saying goodbye, I invite you to read our tutorial about chocolatey in Windows 10

The post How to install OrientDB in Windows 10 appeared first on Linux Windows and android Tutorials.

A brief review of NodeJS

If you are an expert developer or already have some experience with it, you will know it is NodeJS. However, in case you are starting with it, it is a good idea to know what NodeJS is first.

NodeJS is a technology that allows running Javascript on the server-side using Google’s V8 engine. It is a real revolution in the way web applications are developed because it reduces the asymmetry of client and server performance.

Many important forms such as Linkedin or eBay were created using this technology. This shows us the power of NodeJS.

An advantage of NodeJS is that its syntax is similar to that of Javascript and therefore its learning curve decreases a lot.

Two ways to install NodeJS on Debian 10 Buster

A great advantage of using Linux is that there are usually several ways to install a program. NodeJS is one of those programs. There are at least two ways to install NodeJS on Debian 10, each with advantages and disadvantages and responds to specific needs in each case.

1) Using the Debian 10 repositories

Debian 10 Buster includes quite a few different applications in its official repositories. Fortunately, NodeJS is in the repositories, particularly there is version 10.15.2. That belongs to the LTS series.

So open a terminal and run the following command:

:~$ sudo apt install nodejs

image

Then, check the installed version.

:~$ node -v
v10.15.2

2) Using NVM to install NodeJS on Debian 10

The first method is quite safe and reliable but has a possible problem. NodeJS has a pretty active development and there are already newer versions than Debian 10 in its repositories.

For example, of the LTS series and NodeJS 10.16.0 is available (at the time of writing this post, that is the most recent LTS version) and of all the development the latest stable version (at the time of writing this post) is 12.6.0.

So, if you want to take advantage of the features of the application, this method can make things easier for you.

Open a terminal session and type the following command to install curl.

:~$ sudo apt install curl

Then we will use curl to get the NVM installer.

:~$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

Now in order to be able to use NVM from the terminal, we need to refresh our bash profile file.

:~$ source ~/.profile

To see all the versions of NodeJS you can install, use the following command:

:~$ nvm ls-remote

And choose the version you want. In this case, choose the latest stable version.

:~$ nvm install 12.6.0

Replace 12.6.0 with the version you want.

Check the installed version:

:~$ node -v
v12.6.0

And that is it.

Conclusion

NodeJS is a cutting-edge technology for the development of web applications. In this post, you have learned two different ways to install it on Debian 10, Buster.

Please share this post with your friends and join our Telegram channel.

The post Two ways to install NodeJS on Debian 10 Buster? appeared first on Linux Windows and android Tutorials.

Yarn is a Javascript dependency manager that stands out for being fast, secure and reliable. It is presented to us as the most solid alternative to NPM. In addition, it is open source and it has the protection of a giant like Facebook what guarantees us solidity and robustness of the project. Some of its characteristics are the following:

• Fast: Yarn caches every package it has downloaded.
• Reliable: Using a detailed but concise lockfile format and a deterministic algorithm for install operations.
• Secure: Yarn uses checksums to verify the integrity of every installed package before its code is executed.

There are also other features such as its efficiency in the use of the network as well as an offline mode. All this can be found on the Github site of Yarn.

Install Yarn on Ubuntu

The process is very simple since Yarn has a package repository at our disposal. This means that the installation can be done from the terminal and using APT. So let’s go for it.

First, open a terminal emulator. Then, add the GPG key from the repository.

:~$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

Then, add the Yarn repository.

:~$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

After that, update the APT cache.

:~$ sudo apt update

If we are currently using Nodejs and NPM, we can install Yarn using the following command:

:~$ sudo apt-get install --no-install-recommends yarn

Otherwise, we will use this one.

:~$ sudo apt-get install yarn

The main difference is that NodeJS is dependent on Yarn. Then, the second command will install it from Ubuntu repositories. And the first one will leave everything as it is.

Next, check the installed version.

:~$ yarn --version

And that’s it.

Conclusion

Yarn is a great alternative to NPM to manage the dependencies of our web projects. So it becomes essential if we are web developers or we are learning in it.

Please share this post with your friends.

The post How to install Yarn on Ubuntu 18.04 / Ubuntu 19.04? appeared first on Linux Windows and android Tutorials.