Dev in mind
Software development ++
One of the principles of good design is to fail fast.
[NULL - The billion dollar mistake] (https://hackernoon.com/null-the-billion-dollar-mistake-8t5z32d6)
-
[General best practices] (http://eromano.github.io/Best-pratice-en/)
-
[Jira] (https://www.atlassian.com/software/jira/guides/getting-started/best-practices)
-
[Git commits] (https://www.conventionalcommits.org/)
-
[Docker Label Schema - time labels] (http://label-schema.org/rc1/#build-time-labels)
-
[Component Driven Development] (https://www.componentdriven.org/)
-
[Painless Code Reviews] (https://dev.to/fyodorio/make-code-reviews-painless-29j3)
-
[Google js Guidelines] (https://google.github.io/styleguide/jsguide.html)
Global NPM Packages
ref1
-
npx: Executes CLI tools by downloading the latest version on-demand or the project-specific local node_modules folder. Npx ships with npm 5+ and allows you to run code generators that frequently update without a global install.
-
rimraf : The Unix command rm -rf works on Windows as well. It's very useful for deleting the node_modules folder, especially when Windows is unable to do so due to the nested folder structure.
-
npm-check-updates : Analyzes your project folder and reports on which package has newer versions or not, with the option to be able to update all of them if you so wish. ncu for short.
-
n : A dead easy to tool to switch between versions of Node quickly, without having to remember the specific version number, which works on macOS/Linux. For Windows, you can use the choco package, nvs ; both n and nvs are covered in the Appendix C , Keeping Angular and Tools Evergreen .
-
http-server : A simple, zero-configuration command-line HTTP server, which is a great way to locally test static HTML/CSS pages or even the dist folder of your Angular or React project.
-
npm-windows-upgrade : Necessary to upgrade npm on Windows.
-
npkill : Easily find and remove old and heavy node_modules folders and reclaim gigabytes of disk space.
Basics
##<typescript>
-
[TypeScript Deep Dive] (https://basarat.gitbook.io/typescript/)
##<angular>
[Angular Package Format] (https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/mobilebasic)
This document describes the structure and format of the Angular framework packages currently available on npm. This format applies to packages distributing Angular components (like Angular Material) as well as the core framework packages published under the @angular namespace, such as @angular/core and @angular/forms.
- Set of guidelines and well tested best practices
- Enables your package to integrate seamlessly in the Angular Ecosystem
-
[Barrels] (https://basarat.gitbook.io/typescript/main-1/barrel): way to rollup exports from several modules into a single convenient module.
-
[Guide to create libraries] (https://www.willtaylor.blog/complete-guide-to-angular-libraries/)
-
[Handle Recursive Inner Childs] (https://dev.to/itnext/handle-recursive-inner-child-elements-in-angular-4cgm)
-
Difference between 'extends' and 'implements' in TypeScript . . . https://www.se-radio.net/2019/10/episode-384-boris-cherny-on-typescript/ https://github.com/bcherny?tab=repositories
<ngrx>
-
[Excellent Live Demo UP TO DATE of NgRx Application] (https://tomastrajan.github.io/angular-ngrx-material-starter#/about) [code] (https://github.com/tomastrajan/angular-ngrx-material-starter)
-
[Introducing NgRx Entity] (https://medium.com/ngrx/introducing-ngrx-entity-598176456e15)
-
[Ngrx Tips & Tricks] (https://adrianfaciu.dev/posts/ngrx-tips/)
-
[Patterns and Techniques] (https://blog.nrwl.io/ngrx-patterns-and-techniques-f46126e2b1e5)
-
[Advanced NgRx Notes from Alfredo Perez of @robocell's podcast] (https://dev.to/alfredoperez/notes-from-advanced-ngrx-43c4)
##Tests
- Unit tests should adhere to the FIRST principle:
F ast
I solated
R epeatable
S elf-verifying
T imely
Other
-
[BP - error codes ] (https://developer.orange.com/tech_guide/orange-apis-error-handling/)
-
[Bootstrapping in Angular: How It Works Internally - TekTutorialsHub] (https://www.tektutorialshub.com/angular/angular-bootstrapping-application/#:~:text=Bootstrapping%20is%20a%20technique%20of%20initializing%20or%20loading,the%20following%20steps%20to%20load%20our%20first%20view.)
-
[How to use Angular APP_INITIALIZER token to execute functions during bootstrapping application - Elite Corner (elite-corner.com)] (https://www.elite-corner.com/2020/06/how-to-use-angular-app-initializer-token-during-bootstrapping-application.html)
-
Different Approaches to Construct Collaborative Environment and Real Time Collaborative Editing
UX/UI
- [Paletas de colores pre-definidas] (https://colorhunt.co/palettes/pastel)
Footnotes
-
Extract from Angular for Enterprise-Ready Web Applications, Build and deliver production-grade and cloud-scale evergreen web apps with Angular 9 and beyond, 2nd Edition – Doguhan Uluca. ↩