JavaScript in Plain English·5y25 Hand-Picked React Libraries You Probably Didn’t Know Existed
React is a JavaScript library built on top of Facebook’s React library. It aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. Here are some libraries you can use in 2021 to level up your web application.
DEV·5yEvery React Developer should know these libraries
React component libraries are popular among developers for their usability and accessibility. These component libraries save us ample time and effort. Although there are multiple other React libraries that developers find helpful, I have mentioned only best ones here. Have any suggestions? Reach out to me on Twitter.
LogRocket·5y5 React performance optimization techniques
React uses the concept of a virtual DOM to minimize the performance cost of rerendering a webpage because the actual DOM is expensive to manipulate. This concept can also slow down a complex app if it’s not managed very well. We will discuss five important ways to optimize the performance of a React application. These include:Keeping component state local where necessary to prevent unnecessary rerenders.Code-splitting in React using dynamic import().Windowing or list virtualization in React.Lazy loading images in React
DEV·5yVue vs React: What to choose in 2021?
Vue and React are among the most popular JavaScript frameworks. Vue has 181K Github stars, while React runs close with 165K stars. Both have excellent performance, each with its own advantages. Having more users of each framework would be a factor in how the job market looks in 2020.
DEV·5yUltimate ReactJS Resources 🛠For Web Developers 2021👨💻
React is an open-source, front-end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a large community of individual developers and companies. The major advantage of ReactJS is the option to render and view the components easily.
Product Hunt·5yTailwind Mobile - Mobile UI components built with Tailwind CSS
Tailwind Mobile - is a free and open source mobile UI components library built with Tailwind CSS. With components for React, Svelte & Vue.js. Embed on your blog or social media accounts to show your support for Tailwind Mobile. Back to the page you came from.
SitePoint·5yA Practical Guide to Creating Reusable React Components
React is one of the most popular and most used front-end frameworks in the world. Many developers still struggle when it comes to refactoring code for improved reusability. In this tutorial, you’ll be introduced to the three most common indicators that it’s time to build a reusable React component. Then we’re going to look at some practical demos by building a reusable layout and two exciting React hooks.
DEV·5yHow to learn React - The Effective way
React is a free and Open Source Front End JavaScript Library for building complex User Interfaces. It is maintained by Facebook and a community of Developers. To learn React or trying to learn React, I would say to familiarize yourself with HTML, CSS, & JavaScript. Don't just learn and learn, but also create small projects to implement the knowledge.
JavaScript in Plain English·5yI instructed GitHub Copilot to code an Instagram profile feed in React. Here’s what happened.
GitHub Copilot is a React-based front-end tool that predicts Leetcode problems in seconds. Can it predict the logic for Infinite Scroll? Can it accurately fetch the logic from a paginated API? Let’s find out! I took it for a spin to see what it can do.
Honeypot·5yTop 10 React Native Interview Questions 2021
React Native is a cross-platform framework for iOS and Android apps. You can use React Native to compile a native iOS app and then program features directly in iOS using Swift or Objective-C. The Native experience provision is the best feature of React Native, as opposed to the mobile framework Ionic.
Bits and Pieces·5yThe Observer Pattern in JavaScript — the Key to a Reactive Behavior
The Observer Pattern in JavaScript — the Key to a Reactive Behavior. A closer look at one of my favorite design patterns and why it's so relevant in today’s reactive world. Fernando Doglio: Any sufficiently advanced technology is indistinguishable from magic. The pattern shows how to structure an observer-observed type of relationship.
ITNEXT·5yReact Router: A React library for multiple page navigation
React Router is a library for multiple page navigation. In this article, we’ll learn how to use React Router to render multiple components (pages) in our React app. We will create three components: a Homepage, About and Contact component. We are going to use the root component to create all our routes.
JavaScript in Plain English·5yWhat is the ‘useLayoutEffect’ Hook and When Do You Use It?
The use layoutEffect hook runs synchronously directly after React calculates the DOM changes but before it paints those changes to the screen. The biggest reason for using useLayoutEffect is when the code that is being run directly modifies the DOM in a way that is observable to the user. In general, it is best to always use useEffect.
CSS-Tricks·5yTwitter's div Soup and Uglyfied CSS, Explained
React Native for Web provides cross platform primitives that normalize inconsistencies and allow to build web applications that are touch friendly. To ensure reliable interactions like touch or gestures and to provide a higher degree of compatibility, React Native reimplements some web primitives making sure that semantics and accessibility are preserved if not enhanced.
Hashnode·5y6 Ways to Host Your React JS App For Free
Choosing a hosting provider for your app is very important, as your website performance depends on it. Here are some popular and free hosting services, that you can use to deploy your react app. Deploying an application created with a framework like React, Vue, or Angular differs significantly from deploying a website built with HTML, CSS, and JavaScript.
Hasura·5y3 Open-Source GraphQL Projects We Love
Starting this month, we will be sponsoring open-source GraphQL projects that, we think, add tremendous value to the ecosystem. Our goals with the sponsorships are to financially support the developers/teams behind the projects so that they can continue with their fantastic work. We’re starting things off by sponsoring 3 projects. If you like any of these projects, give them a shout-out on Twitter.
DEV·5yOptimizing React App Performance
React is a great library that allows you to write applications declaratively. It abstracts away all the functional and internal details on how the library achieves a specific UI state. This is achieved by keeping a Virtual DOM and the process of reconciliation. React relies on the Virtual DOM to efficiently render only the components that have been updated.
Medium·5yReact Hooks: Complete Interview Guide.
Hooks were introduced in React v16.8, they let us use state, lifecycle methods and other React features without ever writing a class component. Hooks can only be called at top level. Don’t call Hooks inside loops, conditions or nested functions. Call Hooks from React Component or Custom Hooks.
Hashnode·5yWhat and Why Next.js and TailwindCSS?
Next.js is a production-ready framework for the javascript library React. Tailwind is a CSS framework that allows us to write CSS directly inside our HTML. The long classes can be opinionated but it is worth a try.Through the great talk given by Sam Sycamore and Francesco Ciulla at Hashnode Bootcamp day 3, I am now much clearer on what I am gonna write in the near future.
Dev Genius·5y7 Projects You Can Build to Learn React in 2021
React is a Javascript library popularly used by new-age frontend web developers. It is a great choice for creating smooth user interfaces and front-end development of web and mobile applications. The below projects are ordered based on their difficulty and complexity level, with beginner-friendly projects being covered first, and then gradually we would move onto some advanced projects.
DevDojo·5y5 Ways to Fetch API Data in React.js
React is one of the JavaScript libraries for building user interfaces or UI components. Many react projects require interaction with the outside world data. For example, when we want to create a weather application, we need accurate data which should change dynamically. We can access this data by fetching API. In this article, we will explore different ways that you can fetch data in react.
