Best of Angular — 2022
- 1
- 2
Community Picks·4y
React - Best Practices
In JavaScript, you can adopt ES6 syntax to make your code cleaner. Don't Forget key Prop With map in JSX Always assign a unique value to the prop to every JSX element while mapping from an array. Use Ternary Operator instead of if/else if Statements makes your code bulky.
- 3
- 4
freeCodeCamp·4y
TypeScript for React Developers – Why TypeScript is Useful and How it Works
The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.
- 5
Chrome Developers·4y
Modern web debugging in Chrome DevTools
Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106.
- 6
How to Become a Front-End Developer
Front-end development involves building the visual and interactive elements of websites and applications that users interact with. As a front-end developer, you will be responsible for designing and implementing the user interface of web and mobile applications. You can learn web development from basics to advanced topics through online courses and programs.
- 7
Medium·4y
The Ultimate Clean Architecture Template for TypeScript Projects
The Ultimate Clean Architecture Template for TypeScript Projects. A guide on creating a layer-based TypeScript project template following the principles of clean architecture. A Detailed Implementation Guide Create your project directories and root Configuring Core, Data, and DI Setting up the mono repo configuration.
- 8
InfoWorld·4y
AngularJS reaches end of life
AngularJS reached EOL on December 31, with long-term support ceasing from the community. Users still can seek support from third parties including support services firms XLTS.dev and Perforce. The AngularJS source code still will be available on GitHub, via NPM, CDN, and Bower.
- 9
Conditional wrapping in React
Conditional wrapping in React is something you do not always need, but I wrote this article for those looking for it. In some cases, they explain a service, but in others, they need to link to a detail page. When a specific flag is set, the component should get a parent wrapper to display it in a different variant.
- 10
Hashnode·4y
Here's what every React Developer needs to know about TypeScript - Part 1
TypeScript is an open source language developed and maintained by Microsoft. It is a multi-paradigm language (like JavaScript) Allows the use of static types Extra features (generics, interfaces, tuples, etc) Allows for gradual adoption*.
- 11
Product Hunt·4y
Game 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!
- 12
JavaScript Events: Bubbling, Capturing, and Propagation
JavaScript Events: Bubbling, Capturing, and Propagation are examples of how events travel through the Document Object Model (DOM) tree. The DOM tree is the structure which contains parent/child/sibling elements in relation to each other. You can set listeners to watch for these events that will trigger your desired functionality.
- 13
Better Programming·4y
Write Better React Code Without Conditional Rendering Operators
ReactJS official documentation explains how to do conditional rendering in React. But in large projects or components, the code is not very readable and maintainable. The problem in React can make the code hard to read and maintain. If your component is small enough, you can do something like this.
- 14
Pointer·4y
BuilderIO/qwik: The HTML-first framework. Instant apps of any size with ~ 1kb JS
Qwik allows fully interactive sites to load with almost no JavaScript and pickup from where the server left off. As users interact with the site, only the necessary parts of the site load on-demand. This precision lazy-loading is what makes Qwik so quick.
- 15
Clean Architecture in Frontend – State in Angular
Clean Architecture is a way to isolate an application from frameworks, UI, and databases. It leverages SOLID principles and shows how to put them together on a larger scale. The application layers have a hierarchy. Entities are on the top, and UI is on the bottom. A layer must not have a dependency on any other underlying layer.
- 16
asayer·4y
All about JavaScript Events
Javascript is used to make dynamic and interactive pages in the browser. Sometimes web developers use the Javascript event incorrectly, thereby not giving their webpages the perfect UI and UX it needs. It is a procedure that begins with the element that caused the event and then cascades up to the elements in the hierarchy that contain it.
- 17
How To Implement a TypeScript Web App With Clean Architecture
The Ultimate Clean Architecture Template for Typescript Applications is a guide on creating a layer-based typescript project template following the principles of clean architecture medium. The user should be able to change the amount of increment/decrement for a counter. The user's counters should be saved if they close the application and open it again. We need a way to store data locally, i.
- 18
ITNEXT·4y
Write better React code without conditional rendering operators
ReactJS official documentation explains how to do conditional rendering in React. But in large projects or components, the code is not very readable and maintainable. The problem in React can make the code hard to read and maintain. In this tutorial, we will use the If, Then, Else components from the library.
- 19
Angular·4y
Angular v15 is now available!
Angular v15 is now available. Standalone APIs are now stable! In v14 we introduced new standalone APIs which enable developers to build applications without using NgModules. These APIs graduated from developer preview and are now part of the stable API surface. From here on we will evolve them gradually following semantic versioning.
- 20
Presenting Show Off ✨ - Showcase your setup!
Show Off is a great place to showcase all the gadgets and software you use and share them with your friends and fans. Add affiliate links to the items and make it easy to earn when the user clicks through your collection. Share & Embed with the unique link that you get for your collection, you can use it to share.
- 21
- 22
- 23
- 24
DEV·4y
Hexagonal architecture as a solution to the obsolescence of UI frameworks
Hexagonal architecture is an architecture pattern created by Alistair Cockburn. The team announces the end of the development of the framework and an end of maintenance on December 31, 2021 (https://blog.angular.io/stable-angularjs-and-long-term)
- 25
gitconnected·4y
4 Anti-Patterns to avoid in React
There is a right way and a wrong way to use their tools in React. In this article, we will see different ways in which you should not use React. Use Redux to store the global state and use Context API for specific parts of your application within a well-defined bounded context.
