Best of ReactJuly 2021

  1. 1
    Article
    Avatar of devtoDEV·5y

    Moving away from ReactJs and VueJs on front-end using Clean Architecture

    This article is an English translation of the original in my blog: Alejándonos de ReactJs y VueJs en el front end usando Clean Architecture. Clean Architecture is the ability to uncouple our application of the delivery mechanism to the user, that is, from the UI framework or library.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    5 React Libraries Every Project Should Use in 2021

    5 React Libraries Every Project Should Use in 2021 - Reed Barger. Barger is the co-founder of React Native, a company that develops React-based web apps. Read more about React and Barger's work on CNN.com. Follow Reed on Twitter @ReedBarger.

  3. 3
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    You Have to Know Closures to be a (Good) React Developer

    Why you need to know closures to become a better-than-average React developer. You Have to Know Closures to be a (Good) React Developer. Nitsan Cohen explains how understanding closures improve your React skills. He also explains how closures work in React.

  4. 4
    Article
    Avatar of devtoDEV·5y

    I created 8 free dashboard templates built with Tailwind for React, Next, Vue and Nuxt.

    Salvia-kit is an open source dashboard tool for React, Next.js, Vue.js and Nuxt. It is fully customizable and without external dependencies. You can export it and integrate it in your project. There are 33 repositories and each dashboard has 4 templates.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How To Use Axios With React: The Definitive Guide (2021)

    How To Use Axios With React: The Definitive Guide (2021) How To UseAxios Withreact.com: A guide to the best ways to use Axios with React. How To use Axio with React: A Guide to the Best Ways to Use Axio With React. Read more here.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    5 JavaScript Tips to Improve Your React Code

    Reed Barger is the co-founder of React and co-creator of React Native. He has written several books on React, including React Native and React Native 2.0. Barger also co-founded React Native with his brother, Reed Barger, a company that develops React Native code. Click here for more information.

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

    5 bad coding practices, GitHub Copilot, CRO - Week 187

    Introducing GitHub Copilot: your AI pair programmer. 5 bad coding practices that make other developers hate your code. 10 CSS concepts and tricks for beginners that will help you progress. How to Set Up Airbnb Style Guide for React Projects.JavaScript Tips, Ticks, and Best Practices.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Learn the FARM Stack! (FastAPI, React, MongoDB)

    Learn the FARM Stack! (FastAPI, React, MongoDB) Beau Carnes is the co-founder of FARM, an open source software company. Visit FARM on Facebook, Twitter, and Instagram. For more information, visit FARM's official website.

  9. 9
    Article
    Avatar of devtoDEV·5y

    I made a vscode plugin that can write each part of React component in multiple split editors on the same screen

    Split Editors is a feature of a new vscode plugin for Vue called Volar. It divides React component code into several categories in a single file. Split editors then fold the unrelated code separately. The more detailed the code categories are, the better effect of split editors will be.

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

    How to Set Up Airbnb Style Guide for React Projects

    Airbnb style guide is a set of best practices and guidelines for generating quality code. It is one of the most popular style guides available on Github. Create your own Airbnb Style Guide ESLint / Prettier setup for React Projects. Let a ReactJS application “react-project’s” name be ‘react-react-dev’

  11. 11
    Article
    Avatar of changelogChangelog·5y

    solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Solid is a declarative JavaScript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile its templates down to real DOM nodes and wrap reactions. This way when your state updates only the code that depends on it runs. Solid's compiler will only include parts of the library you use.

  12. 12
    Article
    Avatar of devtoDEV·5y

    Mern App ( Node.js / React / Redux / Ant Design ) Crud & Auth

    Starter Antd Admin (Crud & auth) App based on Mern Stack. App built for DigitalOcean MongoDB Hackathon. Based on mern stack (Express.js / MongoDb / React / Redux / AntD) with generic crud and auth , admin management.

  13. 13
    Article
    Avatar of devtoDEV·5y

    3.5 Years as a Front-end Engineer - Things I Learn and What Next?

    Software engineers/developers face a moment where they have to rethink, reshape, and eventually replan their careers. This article is an attempt to maintain my expertise (and improve it) and be ready for everything in the future. In this article, I'll share my learning so far from the Fundamentals of Software Architecture by Mark Richards and Neal Ford.

  14. 14
    Article
    Avatar of phProduct Hunt·5y

    Sizze - Convert design to app with ease 🚀

    Sizze is no-code solution for creating a mobile application. You will finally be able to convert your design into code React Native from Figma with ease. Now front-end application is in the hands of designers. Embed your own app with Sizze.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    Programmers That Don't Blog Should Start Right Now

    Programmers that don't blog should start right now. You're future self with thank you when your blog helps you getting a better job, earn more money and of course, have an easier time learning new concepts. I am not a wordsmith, and it's hard to come up with something to write about every day. But if you're a programmer, you should be blogging.

  16. 16
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    Reusability patterns in React

    React offers great reusability, thanks to Component model & Composition. We can easily reuse UI parts at different places in our app/web. They also care about reusing logics inside components. This article discusses different approaches to solve duplication of component logic in React.

  17. 17
    Article
    Avatar of logrocketLogRocket·5y

    Vue Native vs. React Native

    Vue Native is a cross-platform framework that wraps the Vue.js syntax around React Native. Because Vue Native’s code transpiles into React Native before it compiles into a mobile app, you don’t need to learn React from scratch. Both frameworks are open source for anyone to contribute their source code to and use.

  18. 18
    Article
    Avatar of infoworldInfoWorld·5y

    Developers react to GitHub Copilot

    GitHub Copilot is an AI tool that helps developers write code by making automated suggestions. Microsoft subsidiary has been working with OpenAI to build the tool. Here’s what the early users make of it, and what they think of it so far.

  19. 19
    Article
    Avatar of logrocketLogRocket·5y

    Building a Next.js shopping cart app

    Next.js is the React framework by Vercel. This tutorial details how to build a shopping cart web app for a fictional game store. We’ll cover the following features:Setting up a Next.js project with create-next-app. Styling with CSS modules. Image optimization with the <Image> component. Integrating Redux Toolkit for state management.

  20. 20
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Perform CRUD Operations using React, React Hooks, and Axios

    Nishant Kumar: How to Perform CRUD Operations using React, React Hooks, and Axios. He explains how to use React to perform CRUD operations using React and Hooks. He also explains how you can use Axios to run a CRUD operation using React.

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

    Advanced Dependency Injection in React

  22. 22
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    15 Custom Hooks to Make your React Component Lightweight

    React hooks are the trending word in the React community. Hooks let you extract component logic into a reusable function, which increases component splitting and reliability. Here we will see 15 react-use package custom hooks that make our component lightweight. UseIdle hook tracks if the user on the page is idle. useInterval handles clearInterval on component unmount automatically.

  23. 23
    Article
    Avatar of ds_centralData Science Central·5y

    Exploring React E-Commerce Templates

    React is the most popular library for the development of e-commerce applications. React templates for building eCommerce apps are the combination of several components and elements. These small components are packed in containers and then they form the user interface of the React app. These templates are completely customizable and can take any shape as you specify them.

  24. 24
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Style Your React App – 5 Ways to Write CSS in 2021

    Reed Barger is the co-founder of React, the popular React-based app. He wrote a book on how to style your React app using CSS and HTML. Barger's book is called How to Style Your React App – 5 Ways to Write CSS in 2021.

  25. 25
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    How to Create a YouTube Downloader with Node.js and React

    In this tutorial, we will be building a YouTube downloader with the backend implemented in Express and the frontend in React. The basic flow of the app: User will provide a YouTube video link The backend server will push this video link in the queue to process the download. When the job is popped from the queue for processing, the backend emits the event for the client.