react

#ffffff

webdevs.ai is the best website for programming and web development tutorials which gives you the best info you need to build your project or learn good stuff 

free programing and web development tutorials

ReactJs for beginners - create react app in 2020

React context API Tutorial includes React Hooks

ReactJS from scratch Part 1 - how ReactJS works

ReactJS from scratch Part 2 - introducing to State and how to work with useState

ReactJS from scratch Part 3 - lifecycle method useEffect

ReactJS from scratch Part 4 - child component and props

ReactJS from scratch Part 5 - how to write Sass less Scss in React (node-sass)

ReactJS from scratch Part 6 -  Conditional Rendering

installing node js some time is very difficult, especially when you install new ubuntu or Linux. here step by step we will install NodeJs on ubuntu 19

how to install NodeJS on ubuntu using curl

running express server need experience and good knowledge but also beginners and pros can use express-generator because it's easy and useable. in this tutorial, we will learn how to install express js by downloading and install it globally on our computer. if you like it please hit the subscribe button and click on the bell icon

ExpressJS for beginners - express generator

on the internet, you can find different methods for the installation of Pyhton3. some time installation can get difficult. in this video, we will learn the easiest way for python3 installation

Python3 from scratch - how to install python3 on ubuntu -part1

Windows users always face some issues for Development purposes, but always there is a solution to fix that, here I gonna show you how to install the best Terminal simulator for Windows. don't forgot to subscribe my channel and follow me on social media

best Terminal simulator for Windows

after the new update React stop supporting the global installation of create-react-app so we need to install it in a different way. in this tutorial, we will learn how to create a new react app. if some of you have a problem with this new method please uninstall create react app globally ( npm uninstall -g create-react-app ) and then use this method

state management in ReactJS is one of the most difficult topics. for this issue, there are different libraries like ReduxJs Mobix and more. React release an update to fix the issue. if you heard about recompose library you should know, React hired the creator of recompose and added his library internally, they renamed recompose to react Context API. in this tutorial we will learn how to add React context API to our App. if you like this video please subscribe to my channel so I can create better tutorials for you

please if you know JavaScript, watch this tutorial, many people trying to learn ReactJs by using create-react-app but some of them may not know what is going on, here in very short explanation we understand what react does

in a ReactJs App, State is the mos important subject, you can store all of your data, there is a different way to learn it but here I create a few examples to help you understand it better.

If you’re familiar with React class lifecycle methods, you can think of useEffect Hook as componentDidMount, componentDidUpdate, and componentWillUnmount combined

in ReactJs is not a good idea to write all of your code inside the main file, here we learn the very basic of splitting our application to smaller components and how to use props to pass the data to our child components

for the big projects, managing the style file is difficult so we use Sass, Less or Scss here we learn the easiest way to work with them on our ReactJS project. also in this video, I show a small view of how we write our style components in future Videos

Conditional Rendering is one of the most useful methods in the React worlds, with this method, you can render different thing with a single function and it's very useful

installation of MongoDB some time make some issue and that is because of wrong tutorials on the internet. here we follow the steps from original documentation of MongoDB website, if you like it please subscribe and follow me on social media.

how to install MongoDB on ubuntu 18 and 19

ssh key is one of the most important thing you need for development and much more stuff, so here you can learn how to generate your ssh key

how to generate ssh key for the first time, linux, windows, mac

installation of MongoDB could be a pain sometimes but no worries, in this tutorial you will learn how to install MongoDB server on your local computer. please do not forget to subscribe my channel on youtube and follow me on social media

how to install MongoDB on Windows / Windows 10

The for statement creates a loop that consists of three optional expressions, enclosed in parentheses and separated by semicolons, followed by a statement (usually a block statement) to be executed in the loop. A loop usually has one or more of the following features: A counter, which is initialized with a certain value — this is the starting point of the loop ("Start: I have no food", above). A condition, which is a true/false test to determine whether the loop continues to run, or stops — usually when the counter reaches a certain value. This is illustrated by "Have I got enough food?" above. Let's say he needs 10 portions of food to feed his family. An iterator, which generally increments the counter by a small amount on each successive loop until the condition is no longer true. We haven't explicitly illustrated this above, but we could think about the farmer being able to collect say 2 portions of food per hour. After each hour, the amount of food he has collected is incremented by two, and he checks whether he has enough food. If he has reached 10 portions (the point where the condition is no longer true, so the loop exits), he can stop collecting and go home.<pre class="ql-syntax ql-indent-1" spellcheck="false">loop(food = 0; foodNeeded = 10) {
 if (food &gt;= foodNeeded) {
 exit loop;
 } else { // this is example!!
 food += 2;
}
</pre>&lt;h1&gt;test html&lt;/h1&gt;So the amount of food needed is set at 10, and the amount the farmer currently has is set at 0. In each iteration of the loop, we check whether the amount of food the farmer has is larger or equal to the amount he needs. If so, we can exit the loop. If not, the farmer spends an hour collecting two portions of food and the loop runs again.

For loop in JavaScript

scrap events from the meetup website by using NodeJS, got, Jsdom and store them on MongoDB database by mongoose, in this tutorial you will learn the very basic of how to deal with data and it can be useful for the advance project in future