DEV·5yMoving 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.
freeCodeCamp·5y5 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.
JavaScript in Plain English·5yYou 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.
DEV·5yI 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.
freeCodeCamp·5yHow 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.
freeCodeCamp·5y5 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.
daily.dev·5y5 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.
DEV·5yI 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.
Bits and Pieces·5yHow 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’
Changelog·5ysolidjs/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.
DEV·5y3.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.
Hashnode·5yProgrammers 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.
JavaScript in Plain English·5yReusability 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.
LogRocket·5yVue 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.
LogRocket·5yBuilding 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.
freeCodeCamp·5yHow 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.
JavaScript in Plain English·5y15 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.
Data Science Central·5yExploring 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.
JavaScript in Plain English·5yHow 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.
