DEV Community: Why and How ❔❔

TOP APPS AND WEBSITES THAT USE REACT JS

Why and How ❔❔ — Wed, 24 Nov 2021 13:34:57 +0000

React js is very popular nowadays it is the most popular java script framework for creating user-interface, and React native is an frameworks for building ios and android apps but in-case u don't know what react js and react native here is a shot explanation of the same..

React. js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. ... The main purpose of React is to be fast, scalable, and simple.

React Native (also known as RN) is a popular JavaScript-based mobile app framework that allows you to build natively-rendered mobile apps for iOS and Android. The framework lets you create an application for various platforms by using the same codebase.

Now that you know about react js and react native and their powers, let me tell you about some popular apps and websites that use them.

This article will motivate the react developer to build large apps and websites and succeed in with their apps or websites.

1.FACEBOOK

Facebook developed React Native and have built their app using it. Honestly, it would be concerning if they didn’t use the framework for their own applications.

Facebook Ads Manager, a convenient space for individuals and businesses alike to manage advertisements for their products, is built entirely on React Native.

It’s cross-platform, yet it handles UI differences when it comes to ad and date formats flawlessly. UI’s animations and transitions meet the same standard.

2.Discord

Discord is a cherished use case of Voice over Internet Protocol (VoIP) at work. VoIP is just digital communication through the internet.

In Discord, friends and more frequently whole communities can use voice, text, or video to communicate over the internet. It’s entirely free and used mostly by gamers. Because of React Native, the iOS and Android Discord app share 98% of code.

3.Netflix

Another good React website example is Netflix. Many beginners trained by building Netflix clones at some point in their development. Such is how much the video streaming website has come to be associated with the library. Netflix uses it to render the server side of its web pages by prefetching React, particularly for its signup flow. This has enabled a boost in performance.

In 2017, Netflix had fully rolled out this new web playback UI for all users after a series of AB tests to optimise performance. By implementing this, Netflix introduced a visual playback design that users really loved as well as new and optimised video player controls. This places Netflix among the best websites made with React.

I hope i was able to give you some knowledge about apps and websites build with react js and was able to motivate react developers.

YOU GOT THIS

HAVE A NICE LIFE

TOP 3 SITES FOR PROGRAMMERS 👩‍💻

Why and How ❔❔ — Sun, 14 Nov 2021 13:57:47 +0000

Hello everyone,
We all need help when we are programming and we as a programmer are always waiting to be in a community where we can help other or get help whenever we need but apart from this, there are many things,
we can discuss on ideas, program together and many more things.
So today i am going to tell you about top 03 sites for programmers

Topcoder

TopCoder is one of the original platforms for competitive programming online. It provides a list of algorithmic challenges from the past that you can complete on your own directly online using their code editor. Their popular Single Round Matches are offered a few times per month at a specific time where you compete against others to solve challenges the fastest with the best score.

The top ranked users on TopCoder are very good competitive programmers and regularly compete in programming competitions. The top ranked user maintains his own blog titled Algorithms weekly by Petr Mitrichev where he writes about coding competitions, algorithms, math, and more.

Dev.to

Where you are, yes right now. Dev.to is a very good place for developers, you will find tons of articles based on the tags you follow, you will find new stuff daily, and most of the time you will learn something new, so check it out now.

Indiehackers The next website is Indiehackers. This is a website by developers for developers. It's focus is on talking about the journey that developers go to, when they create there own companies or freelance or start their own company. here you will found stories of success and failure, you get to see the numbers and statistic of people who launch there own products, Like how many people visited, how many people bought there product and even how much they made. so check it out.

Make sure to check them out and love this post if u find them interesting 😜😜

** HAVE A NICE LIFE **

HOW TO EARN MONEY FROM WEB 🤑🤑DEVELOPMENT!

Why and How ❔❔ — Wed, 27 Oct 2021 16:46:28 +0000

HI in this blog, i will like to tell you about how can you make money from web development, this blog will not give u carrier advice but this blog will just give you some ways through which u can earn money, this blog is for everyone, either a kid who want to earn money and make their parent proud! so let's start

but remember one thing: DON'T UNDERESTIMATE YOURSELF YOU ARE THE BEST IN THIS WORLD

Here are some basic steps you can take to land your first client and many more after that…

1.Find a friend, family member, friend of a friend, or complete stranger, who has a business that needs a website, or needs a better website.

2.Always be sure to write up some form of contract for paid work, there are plenty of templates online where you can just fill in your name and the client’s name, get signatures, and you’re done.
A contract ensures that you’re not doing more work than was agreed to. A painful mistake to learn is having earned too little money on a project where you’re doing too much work because you didn’t outline the scope of the work in a legally binding contract.

Find an awesome pre-made template (I like to use ones that are built with Bootstrap4 and SASS, it makes them so much easier to edit) from somewhere like https://bootstrapmade.com/, https://wrapbootstrap.com/, or https://startbootstrap.com/

4.Swap out the theme’s placeholder content with the text content, logo(s), and images for your client’s website.
Change colors if need be (this is where SASS/SCSS can be really handy!)
Need a pre-made color palette? Check out https://colorpalettes.net/

5.Give the client the site for free, or for cheap ($100 — $1000), and add the site to your portfolio.

6.Sign up for an affiliate account for a popular shared hosting service (godaddy, hostgator, bluehost, a2hosting, etc.) and get your client to sign up for their own account, via your affiliate link (usually earns you anywhere from $75 — $150 in commission), then help them get their site hosted and connected to a custom domain (usually free with the hosting plan, or $16.99 — $39.99 depending on the extension, e.g., .com vs .io)

7.Configure the website’s contact form (usually a very self-explanatory PHP file that simply needs one line of code changed with the client’s receiving email address)

8.Get the client to get SSL certificate for HTTPS from their hosting service OR get it for free from https://letsencrypt.org/ and add it to their DNS/domain for them (you may need to configure an .htaccess file to force https on all requests, you can always get the hosting tech support team to help with this or use google)

9.Ask the client to recommend you to their friends, family, business partners, etc.

Rinse, repeat.

So never settle for less go ahead and change your world

With hard work and effort, you can achieve anything.
- Antoine Griezmann

Bonus tip:
Don’t take it personally when the client wants something different than what you’ve built, it happens, your vision may not be aligned with theirs, that’s where good communication, and having the humility to be able to accept their criticism in a constructive way, is very useful. Be sure to check in with the client early and often so that there’s less room for miscommunication.
Set up a trello board (see my video on productivity/trello) where you can outline the work, detail each task, and organize all of your hours, content, and so on.

I could go on forever about this stuff, but hopefully you can take the information above and move forward with your goals, today.

Good luck :) You’ve got this!

P.S. If you land a client, but you need guidance through the process, you can always hire me on as a consultant for $100/hr and I’ll help you meet your project goals.

How should i learn React Js

Why and How ❔❔ — Wed, 27 Oct 2021 08:18:40 +0000

This is my question??
I always try to learn something but i leave it in middle and i am damn serious about react pls tell me the best way to learn it, if there is anything different i can do.
I need HELP 🙏