freeCodeCamp·4yThe React Cheatsheet for 2022
React elements are written just like regular HTML elements. You can write any valid HTML element in React. We write React elements using a feature called JSX . Because JSX is really just JavaScript functions (and not HTML), the syntax is a bit different. We can organized groups of elements into React components.
freeCodeCamp·4yWhat Backend Should You Use for React?
In every React project, we manage data on the client through state and user interactions. Many apps are not possible without data that comes from the backend. Backend consists of two parts: A place to store our data and a method for retrieving the data. What type of backend you choose depends upon some key features of your data.
freeCodeCamp·4yLearn NestJS by Building a CRUD API
NestJS is a framework for building efficient, scalable Node.js web applications. It is a complete development kit for building scalable server-side apps. You will learn how to create a bookmarks API from scratch using NestJS, Docker, Postgres, Passport.js, Prisma and pactum.
freeCodeCamp·4yLearn Flutter in 37 Hours
We just published a 37-hour Flutter course for beginners on the freeCodeCamp.org YouTube channel. Flutter is an open-source UI software development kit used to create cross-platform applications for iOS, Android, Windows, Mac, and more. You don't even have to know how to write code in any programming language to begin.
freeCodeCamp·4yReact Best Practices – Tips for Writing Better React Code in 2022
Two years ago, I started to learn and use React. And today I'm still using it at my day job as a Software Developer and in my own side projects. During that time I've come across a lot of "typical" issues. So I searched around and found some best practices that I've integrated into my workflow.
freeCodeCamp·4yHow to Create Your Own Google Chrome Extension
A chrome extension is a program that is installed in the Chrome browser. You can build one easily using web technologies like HTML, CSS, and JavaScript. We will be looking into how to create this extension in this blog post. The complete source code of this project can be found on GitHub.
freeCodeCamp·4yBlockchain APIs - How to Query on the Blockchain
This course is all about querying data on web3 decentralized applications. You will learn how to use The Graph. It is an indexing protocol for querying networks like Ethereum and IPFS. Anyone can build and publish open APIs, called subgraphs, making data more easily accessible.
freeCodeCamp·4yHow to Start a Freelance Dev Business
There are over 60,000 web developer jobs in the US as of this writing. Choosing a niche lets you focus your time and effort on narrower tasks. The lack of web designers means that you do not have to compete with too many people in your industry to get paid as a freelancer. You get to be your own boss.
freeCodeCamp·4yWeb Animation Performance Fundamentals – How to Make Your Pages Look Smooth
Web pages are interactive animations played back by your web browser. Every time JavaScript code changes the page, an area in the previous image is invalidated, and the browser draws a new one. When a page doesn't respond swiftly to user interactions or has jerky movements, something must be off.
freeCodeCamp·4y10 React Interview Questions You Should Know in 2022
React is a JavaScript library, not a framework. It gives us a way to easily create user interfaces with tools like JSX. React takes care of updating our UI when our data changes, without the need to update the DOM ourselves. Become a React pro in 4-5 weeks with the React Bootcamp.
freeCodeCamp·4yHow to Build Your Own Heroku with Dokku
Dokku is a hosted Platform as a Service that enables developers to deploy their applications with ease. It is based on Docker and uses Heroku's build-packs to compile and package your applications. Dokku also offers a variety of features, such as support for multiple languages, custom domains, automated deployments, and many more.
freeCodeCamp·4yWorking from Home – Tips to Help You Stay Productive
When you work remotely, it's easy to cut yourself out from your life. Take breaks and go outside to refresh your mind and leave your workplace. Split your browser configuration to separate your work and non-work time. Work from a co-working space is a genius way to keep a work-life balance.
freeCodeCamp·4yHow to Manage State in Your React Apps
There are four main types of state you need to properly manage in your React apps. Local state is perhaps the easiest to manage in React, considering there are so many tools built into the core React library for managing it. Server state is a simple concept, but can be hard to manage alongside all of our local and global UI state. URL state is often missing as a category of state, but it is an important one.
freeCodeCamp·4y3 React Hooks Your Next Project Needs
React hooks are powerful for their ability to give us reusable stateful features that are separate from our components. Here are three custom hooks that will add essential functionality to your React projects in just a line of code. useFetch Hook is a far better abstraction that solves all of these considerations in a single line of Code. useForm Hook gives us a custom, reusable hook to manage all of our form state.
freeCodeCamp·4yHow to Build a Logging Web App with Server-Sent Events, RxJS, and Express
SSE, short for Server-Sent Events, is a way to send data from your server to your clients. SSE is lightweight, efficient, and very powerful. I'll be using Typescript, Express, and RxJS to show you how to use SSE.
freeCodeCamp·4yHow to Level Up Your Developer Portfolio
Building a developer portfolio can greatly increase your chances of getting hired. The bare minimum elements of any developer portfolio should include: Projects showcasing your work An "about me" section or somewhere people reading your site can learn about you Your portfolio should have a custom domain. Buy a domain name – you can get them for less than $10.