teleren/devto huggingface dataset:
Basic About React jS
Published: 2021-12-23 18:49:53

1.What is JSX is React
Ans:Full form of JSX is JavaScript XML. It allows us to write HTML in JavaScript without using the methods like appendChild(), createElement(). It is syntactic sugar of function calls. 
A browser can not understand a JSX syntax. So we need a transpiler to make it browser compatible. Babel works as a transpiler and converts the JSX to an object tree.
The browser just receives the object tree and compiled it.
2. Describe Component Lifecycle in React
Ans: There are three phases in react component life.
Mount: Birth of component
Update: Growth of a component
Unmount: Delete or death of a component
 A react component has to pass through these phases. We need some methods to mount, update or unmount a react component.
Mount: render(), componentDidMount(), constructor()
Update: render, componentDidUpdate
Unmount: componentWillUnmount
3.Tell me about differences of State-props in React
Scope: Props are passed in components like function’s parameter. State only works in a component like a variable.
Immutable: Props are immutable. It means it is only read-only.  States are mutable.
Use in class components: props is used like this.props and state is used like this.state in class component.
Use in functional components: props are used as props and state is used like useState in functional component.
4.What do you know about Virtual DOM and diffing- algorithm
Ans: Whenever a React Js web application is executed a virtual dom is created in primary phase of its execution. New dom check the changes with previous dom.When changes is detected  two virtual dom is compared using diff algorithm and finally it allows changes in real dom.
5. What is Prop Drilling
Ans: Passing parameters between components in react is possible in one way. A parent component can only pass a parameter to its immediate child component. But sometimes we need to pass parameters or props to many components. So here the word comes props drilling. Props drilling means not only passing data to a child component but also to other components. 
In react using context API we can easily pass data. There is a hook called useContext and method createContext and many other terms are used to props drilling
6.What do you mean by render() method
Ans: render() method is used in every component of React Js. It returns the HTML which has to display in the UI.
We only render a single element. If we want to render multiple elements we have to contain them in one parent tag.
7.What will you do to Prevent unnecessary component re-render
Ans:Avoid changes in DOM tree structure.
Using keys to prevent re-renders.
Make sure that values are must not be changed.
Using React.memo or React.PureComponent
Use object as props
8. What is PropTypes
Ans: Generally we use props for passing data between one component to another.But sometime because of wrong props and error is occurred and we can handle it by using proptypes.
283. Move Zeroes [Leetcode][C++]
Tags: cpp, algorithms, leetcode, programming
Published: 2021-12-24 01:36:02

**_All suggestions are welcome. Please upvote if you like it. Thank you._**

---

[Leetcode Problem Link: 283. Move Zeroes](https://leetcode.com/problems/move-zeroes/)

---

**_Brute Force Solution:_**

```javascript
class Solution {
public:
    void moveZeroes(vector<int>& nums) {
    // Brute Force Solution Time O(N) & Auxiliary Space O(N)
    vector<int> a;
    int count=0;
    for(int i=0;i<nums.size();i++){
        if(nums[i]==0)
            count++;
        else
            a.push_back(nums[i]);
    }
    while(count--)
        a.push_back(0);
    for(int i=0;i<nums.size();i++){
        nums[i]=a[i];
    } 
  }
};

```

**_Efficient Solution:_**

```javascript
class Solution {
public:
    void moveZeroes(vector<int>& nums) {
    // Efficient Solution Time O(N) & Auxiliary Space O(1)
    int lt=0,rt=0,n=nums.size();
    while(rt<n){
         if(nums[rt]==0)
              rt++;
         else{
			  int temp=nums[lt];
			  nums[lt]=nums[rt];
              nums[rt]=temp;
              lt++;
              rt++;
            }
        }
    }
};

```
**_All suggestions are welcome. Please upvote if you like it. Thank you._**
I have completed my Advent of UI Components
Tags: html, css, showdev, webdev
Published: 2021-12-24 06:26:50

This year I decided to make my own version of Advent of code. So I thought it would be nice to share one UI component a day. 

{% twitter 1474263655118168065 %}

Every day I shared one component and how I built it. I used a lot of shiny new stuff from the CSS world. 

Here's the project: https://www.silvestar.codes/side-projects/.

Happy holidays!
I created my first portfolio website using webflow
Tags: webdev, beginners, programming
Published: 2021-12-24 06:54:40

#Info !
How are you all? Welcome back to another post, actually this is not a post I am posting it to give a info to you all.

I have created my portfolio website using WebFlow so be sure to check it out [Website]("https://spandyboss-portfolio.webflow.io/")
and do tell me how was it .

That's it for today, thanks for reading.
Bye bye
Stay safe and do take very good care of yourselves.
What kinds of companies hire freelance Java developers?


Tags: javascript, java, development
Published: 2021-12-24 07:46:05

Hiring a freelance [java developer](https://eiliana.com/blogitem/how-to-embrace-java-at-low-cost-by-hiring-dedicated-java-developers) is a good option for companies with a significant number of projects and need support. Freelancers are also great for companies that do not need full-time employees, as they can work remotely when needed.

Companies tend to hire freelancers because they don't provide the same benefits as employees and often lack some of the stability and longevity offered by full-time hires.

Companies looking for Java developers include:

Businesses that rely on technology to bring in revenue
Businesses that social media managers or marketing professionals run. These professionals need Java developers to help them create and maintain the website.
Associations and organizations that want to use social media platforms like Facebook and tools used by online marketers such as email marketing services.

Java developers freelancers are in high demand these days as many companies are looking to outsource their projects to save on costs and offload the management aspect too. Companies that hire Java freelancers include technology giants like Microsoft, Amazon, and Oracle to large enterprises in different industries.

Many companies are hiring java developers because they need to develop digital products like mobile apps and websites. These companies need the flexibility that freelancers offer and the ability to take on multiple projects simultaneously.

Project-based companies such as e-commerce websites, technology startups, and mobile apps could use Java software development skills for their projects. For example, a tech startup may use Java to develop its web application. They may also use Java as a platform language to build web games or mobile applications. Non-project-based companies such as marketing agencies and law firms may need Java skills to develop new content or campaigns for their core business activities.

Eiliana can help you connect with quality clients and companies and get you hired!
How to promote your software projects efficiently?
Tags: webdev, programming, tooling, productivity
Published: 2021-12-24 10:50:29

Put it on developer platforms and share it on Social Media
If you have an open source project, get yourself on services like GitHub and Open Hub. Be creative and get an entry on all well-known developer platforms. Put the website in your signature of forums, and remember don’t spam.
Here are some recommended social media platforms:  Facebook, Twitter, Linkedin, Reddit, Dev.to, Lobsters, Hacker News, Product Hunt, Beta page, Human Coders.
              
Make your projects easy to use
Do you like software that is difficult to use and install? No way, because that would waste time. But, in most cases, you'll need to read the documentation and install it locally according to the prompts, which often takes a few dozen minutes or even more time. If It's very difficult to read, or missing some key information, it may waste a lot of time and fail to install. So my suggestion would be to test your software from the beginning, and take user experience into consideration. 

Advanced usage of the tool
Visitors will want to know what your project is for, how it works, and how to use it right away. The common practice is to provide a demonstrating GIF or video demo. More importantly, you can also use development tools like [Tin](https://www.teamcode.com/docs/tin/what-is-tin/), so that other people can try your projects with one click.

Create clean and well structured documentation
Creating a good documentation is probably the most important step. If you have a small documentation, you can include it within your README. Otherwise, you should probably host it in a separate website. Some open source projects like vuepress can help you creating clean documentation in a simple way.

Keep your projects up-to-date
People don’t like to use outdated projects. A project that was updated more than 1 year ago, will lose new users. It shows that it is not maintained. Determine a release schedule in advance and update your projects and user manuals accordingly. Try to regularly release new versions of your project. Show people that the software is maintained and be careful with the usage of dates.
What is Facebook Jail? How to Avoid it?
Tags: howtogetoutoffacebookjail, facebookjail, facebookjailreport, outoffacebookjail
Published: 2021-12-31 05:03:23

Facebook is the most used platform by the users and has been loved by the users too. There are many users who are not aware of Facebook jail and those who do not know what it is then you must not think that it is original jail with bars and etc but it is a virtual jail where people are locked and banned from using Facebook and this situation is considered as being put in a Facebook jail and when they are in such situation they look for ways for **[how to get out of Facebook jail](https://worldzo.net/what-is-facebook-jail-and-how-to-get-out-of-it/)**. 

Here in this blog we will tell you the ways to get out of Facebook jail so let us look for the ways of the same. 

**Ways to Get Out of Facebook Jail –**
 
**Serving your Sentence**
If you are aware of the reason why your Facebook was locked and how can you get out of Facebook jail then you must file in your sentence to Facebook telling that your account was locked without your knowledge and without reason. 

**Appealing to Facebook**
You can file in an appeal to Facebook to bring your account of Facebook jail which was put their because of **[Facebook jail report](https://worldzo.hpage.com/how-to-stay-out-of-facebook-jail.html)**.

**Creating a New Account**
If you are not able to get your account then you have no other option left than to create a new account on Facebook and avoid doing things which will lead to your account getting locked in Facebook jail. And you can send requests to your friends again and set up your account again. 

If you are a user looking for some extra information on Facebook and issues related to it then you need to visit the site **[worldzo.net](https://worldzo.net/)** and this site is a good one that is why you will like the site once you have used it.
Look yourself.
Tags: learning, development, language, personal
Published: 2021-12-31 12:25:50

When I think about **my dreams, goals** and start to see and **feel my conquest**, to come there, this is a great indication I'm going in the **correct way**. 

---

I hated English when I was a kid, teenager, and adult being honest, but I realize I need this language to get my dream, so I started to practice that **every day, I read, speak, write, and now I like it**. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5bcqpp0dy8q089ny07tl.png)

I watch all my favorite series and film in English. I mark some meetings with old or new friends to practice English, and of course, I'm not fluent yet, I commit mistakes when I write or speak, but definitive I'm better than before. 
**I was tired to feel stagnating in that and decided to improve myself**. 
---

I've been using this channel to practice my English because is very difficult to maintain my knowledge if I don't practice frequently.
Some weeks I don't practice because I need to focus on another thing, but the most important I did, I set that as a routine, so... I can stop, but I'll return to that.
**I started to feel great doing that just when I stopped to compare myself with other people** and analyze my stories, by myself.
The same happened when I looked at my olds projects and thought about my learning journey, all my **baby steps**, and I noticed how math I **grew up** and improve my expertise. **Everything has a process to pass**, and everybody needs to know their **time and necessities**.

**What are you compromising with your personal development?** 

Think about that, make one checklist and do some things to get that, step by step you will feel this same energy. "
Do not use destructuring on import
Published: 2021-12-31 13:50:02

When importing it is common to use destructuring, but it seems to have its drawbacks. By not using destructuring I got a bundled JavaScript file down from 76kb to 7kb.

I made a simple web app that prints hello world in camelcase to the console.

`const lodash = require('lodash') 
console.log(lodash.camelCase('hello world'))`

![result of webpack-bundle-analyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2z6yjwzm2bz1bdmun424.png)

After bundling it with webpack the bundled js file was 76kb. Checking out the file with webpack-bundle-analyzer it seems to have loaded the whole of lodash. Maybe it would be smaller with destructoring.

`const {camelCase} = require('lodash') 
console.log(camelCase('hello world'))`

Now the file is 70kb. Not a huge saving. I tried another syntax.

`const camelCase = require('lodash/camelCase') 
console.log(camelCase('hello world'))`

![result of webpack-bundle-analyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/87fafjiqsl12hekx9dpp.png)

Now the bundled file was only 7kb, a huge saving. I got the same results whether using nodejs require or ES6 import syntax. Try it out in your own projects and see if you have similar results.
In-Demand Database Administrator Skills You Need To Get Hired In 2022
Tags: database, datascience, datascientist, dba
Published: 2021-12-31 18:18:44

The Database Administrator (DBA), as the name suggests, operates and administers the database. The technical skills required by a DBA are SQL, scripting, database performance tuning, and system and network design. A DBA also handles the backup and recovery of databases. This job is critical as a business function properly only when the database is stored and managed well.

Listing a few tasks a Database Administrator is involved in:
Database designing as per end-user requirements.

- Providing (or revoking) rights to or from database end-users.
- Enabling efficient data backup and data recovery mechanisms.
- Database-related training to end-users.
- Ensuring data privacy and security.
- Managing data integrity for end-users.
- Monitoring the performances of the database.

The proper functioning of databases is solely the responsibility of a DBA. If at any point in time the database functioning fails, the DBA should be able to quickly and efficiently manage data recovery mechanisms to recover the functioning of data.

Thorough knowledge of SQL and related scripting languages makes a DBA well-tuned manage any database queries that need to be handled by various end-users of a database.

Hope this was helpful.
Scilab: An Introductory Course
Tags: scilab, course, learning
Published: 2022-01-02 02:00:18

  - [What is Scilab?](#what-is-scilab)
  - [Why should you learn Scilab?](#why-should-you-learn-scilab)
    - [Advantages](#advantages)
    - [Disadvantages](#disadvantages)
  - [What's next?](#whats-next)

## What is Scilab?

Scilab is a free and open source software for engineers & scientists, with a long history (first release in 1994) and a growing community.

![Scilab Logo][logo-scilab]

Also, Scilab is a high level programming language for scientific programming. It enables a rapid prototyping of algorithms, without having to deal with the complexity of other more low level programming language such as C and Fortran.

## Why should you learn Scilab?

Scilab is a powerful software and a pretty good alternative to the commercial Matlab, besides it's free and open source what allows us use it as we want.

### Advantages

I'll list yo some advantages about the us of Scilab as numerical computing software:

- *Open Source & Free*: This's very useful because is easy to get and there is no problem when you use it.
- *Easy to use*: Scilab doens't havea very complex programming language is very similar to Matlab syntaxis.
- *OS compatible*: It's available for any OS.
- *Lightweight software*: In comparition to Matlab instalation, Scilab is much lighter than Matlab.

### Disadvantages

Likewise, Scilab has certain point i don't really like about it. So, I'm going to be very honest with you and I'll give you the pros/cons i find when i've used Scilab.

- *Small community*: It's not a common software, for this reason its community is not as big as Matlab community.
- *Lack of functions*: This is because of the lightweight of the software, it just includes indispensable functions to work.
- *Documentation looks old*: Scilab has its official docummentation but the page and examples are not very friendly at first sight.

## What's next?

The first step to begin with Scilab develop is download it.  
Scilab, being Open Source, is very easy to install in any kind of OS accessing from the [Scilab download page][download-scilab].

Once you got it installed, you can wath this short overview to Scilab:

{% youtube VfNV7wr4338 %}

Nevertheless, sometimes you don't want to install programs because a lot of reasons, in this case you can use the [Scilab Online Version][cloud-scilab] which is mainteined by **IITB** (*Indian Institute of Technology Bombay*).

As well as Matlab,  Scilab has its own IDE integrated in the instalation, you can use it but we going to implement Scilab execution in the Visual Studio Code Editor, you can download it from the [VS Code download page][download-code], we'll configure it in following posts.

[download-scilab]:  https://www.scilab.org/download/
[download-code]:    https://code.visualstudio.com/download
[cloud-scilab]:     https://cloud.scilab.in/
[logo-scilab]:      https://ftp.sun.ac.za/ftp/pub/mirrors/scilab/www.scilab.org/images/scilab_logo.jpg "scilab logo"
dev.peviitor.ro; scraper[1]
Tags: peviitor, scraper, locuridemunca, job
Published: 2022-01-01 13:56:30

#### Ce este scraperul?
Scraperul este componenta motorului de cautare care preia datele de pe website-ul companiei. 
In sectiunea de Cariere pe website-ul companiei gasim o lista de locuri de munca. Ele devin oportunitati in motorul de cautare abia cand aceste locuri de munca sunt inserate in index.

#### Ce trebuie sa faci pentru a scrie un scraper?
Te-ai hotarat ca vrei sa contribui la acest proiect OPEN SOURCE cu popularea datelor de pe website-ul companiilor. Perfect!
Primul pas este sa te inscrii pe [https://dev.peviitor.ro/](https://dev.peviitor.ro/)


![dev_peviitor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yvcki1i7hf9i9f9ltl6z.jpg) 

#### Ce este **dev.peviitor.ro**?
In sectiunea dezvoltator al motorului de cautare, pur si simplu iti declari intentia de a contribui la motorul de cautare cu date. Datele in cazul nostru reprezinta locurile de munca.

Partea importanta este ca de aici, din `dev.peviitor.ro` iti generezi o cheie API.


![dev_companie](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/16ekzl5g5xcxk81pw07n.jpg)
Pentru a folosi API-ul (incepand cu versiunea 3), partea de inserare date si stergere date, vei avea nevoie de o cheie API.

Aceasta cheie API este unica pentru o companie, astfel vei defini ce companie vrei sa reprezinti.

Autentificarea in dev.peviitor.ro se face pe baza unui cont de GitHUB sau GitLAB. 


![login_github](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67f63mpscmgg1t3fxe3g.jpg)

#### Limitari
Esti limitat la a prelua date de pe un singur website si astfel poti adauga in motorul de cautare doar o companie.

De ce aceasta limitare?
In timp, companiile isi schimba partea de UI al website-ului si astfel scraperul va trebui updatat o data cu un upgrade al interfetei utilizator. Vrem ca atunci cand iti asumi aceasta responsabilitate de a popula locurile de munca pentru o companie, sa reusesti a face update atunci cand compania decide o modificare de interfata. E de ajuns o persoana sa raspunda de locurile de munca dintr-o anumita companie. 

Daca intampini probleme cu autentificarea sau nu reusesti sa te descurci, lasa-ne un comentariu pe pagina de comunitate de pe github: [comunitate](https://github.com/peviitor-ro/community/discussions)

![comunitate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/onatnl8vs9tz2q1g66nh.png)
Python for all
Tags: python, beginners, programming, productivity
Published: 2022-01-01 18:17:20

Imagine we are going back to school
And i taught myself how to code python throughout 
Covid-19.

```
print("Hello World")
```
`
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/35xniit8q2d8x511pvc2.jpg)
My Commitment to #100DaysOfCode | Part 2
Tags: 100daysofcode
Published: 2022-01-02 19:46:39

---
title: My Commitment to #100DaysOfCode | Part 2
published: true
description: 
tags: 100DaysOfCode
canonical_url: https://blog.godswillumukoro.com/my-commitment-to-100daysofcode-or-part-2
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b8lfhjolmsbcdtkoewvp.png
---

I'm starting 2022 by committing to [Quincy Larson's 2022 Become-a-Dev New Year's Resolution Challenge on Twitter.](https://www.freecodecamp.org/news/2022-become-a-dev-new-years-resolution-challenge/) 

I'm positive this will keep me accountable and focused on reaching my goals for 2022. Some of which are:

1. Become Proficient in React and Firebase
2. Earn a high-income monthly salary
3. Read 10 Books

While the curriculum in this #100DaysOfCode challenge may not directly lead me to reach those outlined goals, it's a sure-fire way to keep me on my toes and push me to code every day.

The goal is to spend 30 minutes every day on the #100DaysOfCode challenge and use the momentum to hack on the specific skillset I'm trying to gain.

If you would love to see my daily log for the challenge, I have a whole [Github repository dedicated to this.](https://github.com/godswillumukoro/100-days-of-code-part-2/blob/main/daily-log.md)

> Thanks for reading this far. Did you find this article helpful? [Follow me on Twitter](https://twitter.com/umuks_) and tell me all about it.