Best of ReactOctober 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    Top 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.

  2. 2
    Article
    Avatar of reactReact·5y

    React v17.0

    React 17 is a major release that makes it easier to upgrade React itself. It also makes it safer to embed React into apps built with other technologies. The goal of this release is to enable gradual upgrades. We’ve only had to change fewer than twenty components out of 100,000+.

  3. 3
    Article
    Avatar of hashnodeHashnode·5y

    Let'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.

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    An 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.

  5. 5
    Article
    Avatar of swlhThe Startup·5y

    Data 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.

  6. 6
    Article
    Avatar of dailydaily.dev·5y

    5 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.

  7. 7
    Article
    Avatar of bitBits and Pieces·5y

    Top 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.

  8. 8
    Article
    Avatar of hashnodeHashnode·6y

    Epic 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.

  9. 9
    Article
    Avatar of hashnodeHashnode·5y

    Why 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.

  10. 10
    Article
    Avatar of devtoDEV·5y

    Top 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.

  11. 11
    Article
    Avatar of hashnodeHashnode·6y

    Making 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.

  12. 12
    Article
    Avatar of dailydaily.dev·6y

    My 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.

  13. 13
    Article
    Avatar of medium_jsMedium·5y

    5 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.

  14. 14
    Article
    Avatar of dailydaily.dev·6y

    Introduction 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.

  15. 15
    Article
    Avatar of btrprogBetter Programming·6y

    3 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 ).

  16. 16
    Article
    Avatar of gcgitconnected·5y

    Fetch 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.

  17. 17
    Article
    Avatar of hashnodeHashnode·5y

    React Fundamentals: Styling And Handling Forms

    This is the 6th article of the series My Review of Kent C. Dodds's EpicReact.Dev. In this article, you will learn about how to do styling in React. You will also learn how to handle forms in React using event.target and refs.

  18. 18
    Article
    Avatar of hashnodeHashnode·6y

    A 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.