Product Hunt·4yNextUI - Beautiful, fast and modern React UI library
NextUI is the next-gen UI React library that allows you to make beautiful websites regardless of your design experience. Comes with awesome features like Auto Dark Mode recognition, Themes support, easy customization, Best-in-class DX and much more. NextUI is available now for free download.
Pointer·4y2021 JavaScript Rising Stars
Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies.
freeCodeCamp·4yFree React Course for 2022
We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges. Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.
JavaScript in Plain English·4yTime to Say Goodbye to Webpack?
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support.
asayer·4y3 React Component Design Patterns You Should Know About
React is arguably the most popular JavaScript library for building user interfaces. One reason for this is its unopinionated nature. After working on different React applications with different teams and studying other React applications built, you notice some common design patterns. In this article, we will look at three popular design patterns for building React applications.
Product Hunt·4yGame Of Codes - fantasy maps - If React, Vue, Angular, Bootstrap or Tailwind were Countries
Using real data, such as NPM downloads, stars on GitHub, or website traffic, I visualized technologies as countries. The methodology is described in detail for two separate maps for: Front-end Frameworks and CSS libraries. Backend & more are COMING SOON!
LogRocket·4yCreating dashboards in React with React Dashboard
The Flatologic dashboard template is built with React, Bootstrap, React Router, Redux, and GraphQL. It comes with a React frontend and a Node.js backend. This tutorial will cover how to create a dashboard in three easy steps. We will connect it to an SQL database with MAMP so you have some local data.
freeCodeCamp·4yLearn ReactJS – Complete Roadmap
ReactJS (aka React) is an open-source JavaScript-based user interface library. It is insanely popular in web development communities today. In this article, we will look at a complete roadmap to learn ReactJS. We will break the entire roadmap into four phases: What to learn before React, How to move from beginner to intermediate, and How to go from intermediate to advanced.
DZone·4y10 Must-Have React Developer Tools To Write Clean Code
React is a component-based open-source JavaScript library for building user interfaces. It is used for handling the view layer in web and mobile applications. In this article, we will learn about ten React developer tools that can help us write clean code.React developer tools are frameworks, libraries, testing utilities, code generators, or debugging extensions.
React Native Example·4yQuraan Player With React Native
Quraan Player React Native is an app that allows you to listen to the Holy Quran online. You can play the audio out side the app and on lock screen and you can control the tracks. There is more than 200 Reciter and each Reciter can be listened to individually.
asayer·4yWhere to Learn React.JS in 2022 - A List of Resources for New Developers
React has never been more popular. Over 40 percent of professional developers claim to have worked with React in some respect. Because it’s so popular, you’ll find an overwhelming amount of content about it. Some of this content is great, while other pieces might be written by people just getting started themselves.
This Dot·4yWhat's new in the React ecosystem?
State of React was held in New York last week. The event was hosted by Dustin Goodman. Dustin shared some of the key takeaways from the event. If you want to watch the event, check out State of React on Youtube. Keep an eye out for some amaing events coming early in the new year!
JavaScript in Plain English·4yTop Software Development Tools, Frameworks and Libraries To Rule In 2022
Top Software Development Tools, Frameworks and Libraries To Rule In 2022 Know the most popular software development tools for Agile development and the top frameworks and libraries for software development in 2022. Today, mobile apps have become an integral part of everyone’s life. While there are numerous possibilities to build a successful mobile app, there are a handful of options that are here to stay.
JavaScript in Plain English·4yCode Splitting in React — All You Need to Know
Code splitting allows you to strategically omit certain dependencies from bundles, then insert them only where they are needed. The dynamic import syntax works for both static site generation and server-side rendering. Code splitting can be a bit tricky, so choose places that will split bundles evenly but won’t disrupt the user experience.
DZone·4yBest Coding Practices in ReactJS
In most of the components, you'll have a state. While defining a new state, take time and think if you can combine multiple states into a single state. In the wrong coding practice, you can have three different states. Separate logic and UI and remove unnecessary props.
asayer·4yMy Favorite 3 React Animation Libraries
Add animation to a static website can be a challenge, sometimes using the right theme can help, but in some situations, that’s not enough. Our eyes want candy, especially when we’re creating visually beautiful content. Adding animations helps to highlight components and actions in the right way while at the same time, giving our eyes exactly the type of candy they want.
freeCodeCamp·4yThe React Beginner's Guide for 2022
This guide will give you everything you need to start learning and using React. Node, Git, and Visual Studio Code are essential tools every developer needs. Git gives you "version control," a fancy name for a tool that enables you to save your code and restore past saves if necessary.
freeCodeCamp·4yTop JavaScript Concepts to Know Before Learning React
React is a JavaScript framework for building UI components-based user interfaces. It is built using modern JavaScript features, which were mostly introduced with ES2015. If you want to learn React –or any JavaScript framework – you'll first need to understand the fundamental JavaScript methods and concepts. To help you deepen your learning, I will connect distinct links to each method and concept.
DZone·4y8 Best React Native Project Ideas for Beginners
The best way to learn any programming language like React native or any other language is through practicing more and more by creating as many projects as you can. Here is a list of the best projects you can do to learn React Native. I have also included free and paid resources you can follow if you are stuck while doing these projects.
Towards Dev·4yAnimated Sidebar using React and Tailwind CSS
This tutorial features React Hooks, useState, which is always great to implement in a tutorial. I highly recommend anyone who is getting started building apps to follow along in this tutorial. In summary, this video implements an animated side bar using tailwind css in a React app. In the implementation, we use React HookS and buttons elements to toggle the animation.
Better Programming·4y3 Ways We Use React Custom Hooks in Our Team
Custom Hooks are functions that share logic between two JavaScript functions. They allow the separation of logic and view. There are several advantages to using Custom Hooks. You can use the same hook again and again, without the need to write it twice. They are easier to maintain. if we need to change the logic of the hook, we only need to changes it once.
This Dot·4yIntroduction to Remix
Remix is a full stack web framework based on web fundamentals and modern UX. It was created by the Remix.run team, founded by Ryan Florence and Michael Jackson. Remix is built on the Web Fetch API, which allows it to run anywhere. It can be deployed in a serverless environment or in a Node.js server environment.
This is Learning·4yThe Return of Server Side Routing
For better or for worse much of the web has been moving to client-side navigation on their sites. JavaScript has blown open the ceiling of what can achieve in a web experience, but it comes with a cost. A cost paid most dearly by those without the best devices or the fastest networks.
