Angular
React
Our great sponsors
Angular | React | |
---|---|---|
322 | 918 | |
81,435 | 188,060 | |
1.2% | 1.5% | |
9.9 | 9.8 | |
about 18 hours ago | 4 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Angular
-
RFC: Strictly Typed Reactive Forms Gotchas Every Angular Developer Needs to Know
With RFC: Strictly Typed Reactive Forms complete, many expect to have strictly typed reactive forms in the upcoming Angular 14 update. After playing around with the Strictly Typed Reactive Forms prototype, I am super excited about this upcoming feature. Not only are we getting strict types for reactive forms, but we are also getting a minor feature: the initialValueIsDefault option for FormControlOptions which will allow for resetting form values back to their initial value rather than null by default:
-
Angular v14 new - I don't like it
Not a bug, but they introduced type-secure forms which had almost 1000 upvotes. The MOST upvoted Angular issue of all time.
-
Adding the map component using the Amazon services to an Angular application
Application example built with Angular 13 and adding the map MapLibre component using the Amazon Amplify Geo and Amazon Location Service services.
- Una actualización sobre los componentes independientes
-
What is Angular 4 and from where I can learn more about it?
Angular 5 is now available here, the changes are available here
-
IssueManager - A realtime kanban board made with Appwrite and Angular14
The frontend is built with Angular 14 using Standalone Components. https://github.com/angular/angular/discussions/43784
-
Ng-News: Episode 22/18
Release Notes v14.0.0-next.15
- Arquitectura de Component-First con Angular y Standalone Components
-
Angular 2 Quickstart: unexpected token <
I am trying to set up angular 2 according the quickstart found at http://angular.io. I have copied every file exactly as described in the guide, but when I run npm start and a browser tab opens, I get the "Loading..." with the following error in the console:
-
How to create Ripple effect on Click - Material Design
I'm talking about this effect: https://angular.io/ (menu effect).Basically, it's an animation on click that spreads a circle from the mouse cursor.
React
- Is there a reason you shouldn't use this custom state hook?
- I was going through my Apple analytics data on my iPhone and saw this field name that’s actually in production!
-
Merging Pull Requests Like a Pro With Mergify
For the purpose of this hands on, let's build a basic React project to showcase the features. Once you have cloned the repository, change the working directory to the Mergify directory and then run the following command to create a new React application.
-
LunchboxJS – Vue 3/Three.js custom renderer
We used React Three Fiber at my job 2-3 years ago (when it was "early") and it was already amazing then, we could do really cool stuff easily. We wrote our own wrappers to easily do and similar things and published it as OSS[1], but TBH documentation was scarce since it was an internal project and there were virtually no resources dedicated to publish it, just a couple of devs pushing for it. We even published one of the first bridges[2]. We didn't want to totally opt out of the React render loop so we had to do a lot of hacks and optimizations, but it was a great experience overall.
Nowadays React Three Fiber is very mature and you have the "drei" collection[3], which have all the things I mentioned and a lot more. Though now looking at the source and timing (we published a blog [4] with our solution and their commit few weeks later with almost the same code[5]) it seems they might've copied our solution as part of their package, would've loved a heads up or ack but well happy to make open source better.
[1] https://www.npmjs.com/package/@standard/view
[2] https://github.com/facebook/react/issues/13332#issuecomment-...
[3] https://github.com/pmndrs/drei
[4] https://standard.ai/blog/introducing-standard-view-and-react...
-
Using Zustand in React applications
context loss - https://github.com/facebook/react/issues/13332 AND the most beauty of it is that the store it provides is a hook and you can put objects or functions in it. How awesome is that!
-
Optimizing Your Web App for Maximum Runtime Performance and Premature Optimization 🦄
If your component depends on useContext(), React.memo() is useless. The component would rerender irrespective if the memo.
-
Use Vite for React Apps instead of CRA
Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. But when your project code grows you might face higher build times, a slower start in the development server and waiting 2 to 5 secs to reflect the changes you have made in code and this might increase rapidly when the app grows on a larger scale.
-
Single Responsibility with React Components
Three weeks ago I began learning the JavaScript React framework.
-
How to add Dark mode in Next.js Application using Tailwind CSS.
Next.js is a React based open-source frontend framework, with features like SSR (Server Side Rendering) and SSG (Static Site Generation). Next.js also comes SEO optimized right out the box so you don't have to do it yourself from the scratch.
-
Keeping up to date with reactjs
It can be a bit verbose/granular, but the project’s CHANGELOG is a feed of new features and bug fixes.
What are some alternatives?
Next.js - The React Framework
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
SvelteKit - The fastest way to build Svelte apps
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Vue.js - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Svelte - Cybernetically enhanced web apps
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]