Hashnode·5yTop 42 React resources every developer should bookmark [Latest]
Every developer needs resources to learn React. There are an immense number of resources both free and paid from where you can take some inspiration, learn new concepts or just listen to some podcast. Here are some of the best ones out there which you as a React dev should bookmark and use it as a reference whenever needed.
Hashnode·5yLet's build a video conferencing app
In this article we will see how to build a video conferencing app. We will be using the following libraries:React Nodejs simple-peer socket.io chance.js yarn add express socket .io. In /home we will give the option to create room or join room. in /room/:roomId is where we will render the video streams from multiple users.
Hashnode·5yAn easy React 17 + TypeScript + Tailwind CSS + NextJS setup
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project. We'll add the TypeScript packages first, so later we can immediately add the typings. First, we'll need to install the tailwindcss package. Then we'll create a new file for the types file.
The Startup·5yData Visualization With React & Chart.js
This article helps you to plot & understand some basic visualization of the dummy data with React and Chart.js. React is an open-source JavaScript library, maintained by Facebook for building user interfaces or UI components. Chart.JS is a free open- source JavaScript library for data visualization, which supports 8 chart types.
daily.dev·5y5 React-Based Projects Every Beginner Must Try
React is one of the popular JavaScript frameworks available in the community. You can develop a variety of web- apps using react. Today, I am going to list 5 projects that you can make using the react framework. We can use an API to fetch data about COVID-19.
Bits and Pieces·5yTop 5 JavaScript Frameworks: Past, Present and Future
Each year, the tech industry evolves at a fast pace. A technology trend that sprang up last year may not even exist this year. It is vital to know the industry trends. I will be providing a comparison of a few JavaScript frameworks based on the following facts. How the leading JavaScript Frameworks and Libraries changed over time and trending towards the future.
Hashnode·6yEpic React: Javascript You Need To Know For React
This is the second article of the My Review of Kent C. Dodds's EpicReact.Dev series. In the previous article, you looked at the different topics that are going to be covered in EpicRe.Dev workshop. In this article, I am going to explain the basic javascript concepts that you need to know before you start learning React.
Hashnode·5yWhy you should choose to learn 'React'?
React is one of the most popular JavaScript frameworks ever. It is possible to build React components by composing them together. The idea of having the power to create a UI by combining any one or more components makes it incredibly powerful. It follows a Unidirectional Data Flow concept which means that data has one, and only one, way to be transferred.
DEV·5yTop 10 React Hook libraries
React Hooks are a well-known tool for many, if not all, React developers. They are a global state manager used as a tool for Redux developers. This blog will present to you the top 10 React Hook libraries which you should start using immediately. It is based on personal preference.
Hashnode·6yMaking Typing Animation with React Hooks
In this article, we shall go through a step-by-step tutorial on how to make words auto-type themselves onto a page. We are going toinitialize 3 states: index, fullText and text. We want our text to show characters of fullText one at a time. We will use setTimeOut() to continuously add the next character.
daily.dev·6yMy React-TypeScript Cheat Sheet
React TypeScript can be a real headache when building a ReactJS application. This blog post documents my most used React TypeScript types. I focus on functional components and react hooks. Each paragraph is a standalone tip. To create a React App, we can use Create React App: create-react-app my-app.
Medium·5y5 Simple ways to get started with React
React is a popular JavaScript framework created by Facebook for building front end applications. There are multiple frameworks and tool-chains available, and it's important to choose the right one. In this article, we will show you some simple & best frameworks for creating a react app.
daily.dev·6yIntroduction To Testing In React
Testing is a line-by-line review of how your code is going to execute. Unit testing refers to testing individual pieces of your code. Functional testing is more focused on testing the behavior of our component. Integration testing tests the entire service of our application and attempts to replicate the experience an end-user would experience when using our application.
Better Programming·6y3 React Component Patterns Every React Developer Should Know
Niraj Khatiwada shares three React component patterns that he now uses in every project. Compound component pattern is by far my favorite React component pattern. Use this pattern to separate your header content, body content and footer content in your every React Native project (I like to call this component Layout ).
gitconnected·5yFetch API data with Axios and display it in a React app with hooks
Fetch API data with Axios and display it in a React app with hooks. Fetch data from an Express backend and store it in MongoDB. Display the retrieved data in a child component. Add useEffect to your React import and pass the data we’ve retrieved to our state.
Hashnode·6yA Quick way to open anything on the Web
Just type the following .new URL into your browser to create a new page. Create a new Github repository gist, create a Google doc sheet and create a Calendar event link. You can also create a Bitly Link story, a Medium story and a Google slide presentation form.
