freeCodeCamp·5yA Better Way to Structure React Projects
Akash Joshi: A Better Way to Structure React Projects would be better than the way we do it now. Joshi is the co-founder of React and co-creator of the popular React-as-a-Service project. He also co-founded the company React.io, which allows users to share information about their React projects.
Hashnode·5yIntroduction to Functional Programming
Functional Programing is Declarative. It means we focus more on what to do instead of How to do it. Pure Functions have no side effects which means it cannot alter anything outside the function. A higher order function is a function that takes a function as an argument, or returns a function.
Hashnode·5yuseState() like a Pro ✨
This blog assumes that you know the fundamentals of react like Component, Props and jsx. We will not go into the depths of this but re-rendering actually works in React, so you need to understand how this works in short. In our Counter component 0 is the initial value for the state, and using destructuring we are naming our 2 variables counter and setCounter. setCounter is used to update the counter value by 1 every time the button is clicked.
Medium·5yUsing Vue vs React
Vue.js and React.js are two popular frontend (FE) JavaScript frameworks among web developers worldwide at present. Vue uses HTML templates by default, but there’s an option for writing in JavaScript Expressions (JSX) React relies on routing and state control on external solutions such as Flux/Redux.
JavaScript in Plain English·5yWhy It’s Okay To Feel Like An Imposter
Vladimir Agaev had no degree in computer science and taught himself how to program. He felt like a fraud, I felt like I was never really ready and that I needed to learn constantly. He discovered that everybody feels the same to a certain extent. This feeling, this fear is actually rooted in the nature of our work.
JavaScript in Plain English·5yMeet the HERN Stack, where everything is written in JavaScript
Meet the HERN Stack, where everything is written in JavaScript. The HERN stack stands for HarperDB, Express, React, & Node, which are all written using JavaScript. There is no right or wrong answer when it comes to choosing a tech stack because it really depends on the specific use case it’s meant to solve.
JavaScript in Plain English·5yCreating a Chrome Extension with React
Building a Chrome extension with React is easy. Here we will go through the process of building a Chrome Extension using React. After this, you can add more functionalities to it very conveniently. The extension can access your active tab and change the background colour of the page. We will use this script to build our app.
The Startup·5yGetting Started With useQuery (React Query)
React Query is a library that gives ReactJS the state management ability for any kind of asynchronous data. It makes fetching, caching, synchronizing and updating server state in your React applications a breeze. In this article, I’m going to show you how to fetch data using useQuery hook.
gitconnected·5yBuild Your Mobile App in 10 Days With React Native
React Native is a JavaScript library that allows app developers to create an application that looks, feel and perform closely like a Native application. It is developed and supported by Facebook but currently being used by some of the world’s leading brands including Instagram, Tesla, Walmart, Uber Eats, Discord, Wix and more.
freeCodeCamp·5yHow to Turn Google Sheets into a REST API and Use it with a React Application
How to Turn Google Sheets into a REST API and Use it with a React Application. How to TurnGoogle Sheets Into a RESTAPI and Use It with areact Application. Read the rest of this article to learn more about how to use the REST API in your React application.
Better Programming·5yTop 5 React Component UI Libraries
React has become one of the most popular frontend frameworks for developers. This article will give you a peek into some of the best and fastest-growing React component libraries out there. Your project will look more professional and beautiful with these open source libraries. The list includes Material-UI, Ant Design, Rebass, React-Bootstrap and Semantic UI.
JavaScript in Plain English·5yStop using Class Components in React
Stop using Class Components in React Switch to functional components with hooks instead Margarita Morozova. Hooks were introduced in React 16.8. In short, they let you use state and other React features without writing a class. UseState returns a pair: the current state value and a function that lets you update it. You can use as many useState hooks as you need.
freeCodeCamp·5yHow to Use LinkedIn to Get Your First Developer Job – A Step-by-Step Guide
Ken Rogers explains how to use LinkedIn to get your first developer job. How to Use LinkedIn to Get Your First Developer Job – A Step-by-Step Guide by Ken Rogers. Ken Rogers: LinkedIn is the best way to find your first job as a developer. Click here to read the rest of the article.
The Startup·5yWrite a Custom Reusable Hook (useFetch).
Hooks were a part of React from v16.8 onwards. They were included as a feature to avoid using classes or class-based components. Hooks are just a cleaner way to write programs in React. Today we are going to write a reusable custom hook, and build a simple application that will make use of the hook.
freeCodeCamp·5yHow to Fetch Data in React: Cheat Sheet + Examples
Reed Barger is the co-founder of React and the author of the popular blog Reactiquette. He has written several books on React, including a book on how to use it in the real world. Barger's most recent book, React in the Real World, is available on Amazon.com.
DEV·5y3 underrated web dev youtubers you should check out
3 YouTubers who post quality web dev content with less than 100k subscribers. Many of us in the web dev community are familiar with teachers like Brad Traversy, Mosh, and Net Ninja. If you want to learn some advanced concepts in web technologies like react, node, etc. you might want to check them out.
JavaScript in Plain English·5yCreate a React App from Scratch in 2021
Become a better coder by learning what create-react-app is doing under the hood. The “React” equivalent of building your car engine from scratch. Create a React App from Scratch in 2021 in this article. The article is written by Meg Shulmister and published on February 20, 2015.
Hashnode·5yHost React Apps for Free on Vercel!
Hosting react app on vercel is super easy. Just follow the given instruction and you could do it in a matter of seconds. For now, I created a demo app for installation purposes. I just changed the text into Hello Vercel . I pushed the code to Github. You could see it here - martinthampi/test-react-vercel.
CSS-Tricks·5ySome React Blog Posts I’ve Bookmarked and Read Lately
React is the web's most popular framework. Frontend Masters has the best courses on the web for React. Includes a complete learning course from the best teachers in JavaScript. Wanna learn React deeply? Take our React deep learning course. Back to Mail Online home. back to the page you came from.
JavaScript in Plain English·5y5 Things That Helped Me Learn React
Kelsea Mcallister learned React in bootcamp. She shares 5 things she found useful when trying to wrap her head around React. Draw out a component flow chart to help you understand data flow. Organize the source component into categories based on what their purpose was. Chaining functions helps you visualize how data is being manipulated.
Product Hunt·5yRemotion — Create videos programmatically in React
Remotion allows you to make real MP4 videos written in React. Use web technologies like CSS, SVG, WebGL to make interesting motion graphics. Use programming to dynamically make different variants of videos and automate it using server-side rendering. Embed this video on your site.