Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
TypeScript Origins: The Documentary
TypeScript Origins: The Documentary is brought to you by OfferZen - the community-first developer jobs platform. The documentary features core contributors and community members like Anders Hejlsberg, Steve Lucco, Luke Hoban, Daniel Rosenwasser, Ryan Cavanaugh…
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
6️⃣ Popular API Architecture Styles
1. gRPC: A high-performance, language-agnostic remote procedure call (RPC) framework for efficient communication between distributed systems, often used in microservices architectures.
2. SOAP: A protocol for exchanging structured information in the implementation of web services, known for its strict standards and XML-based message format.
3. GraphQL: A query language and runtime for APIs that allows clients to request only the data they need, reducing over-fetching and under-fetching of data.
4. Webhook: A mechanism for real-time communication where an application sends HTTP POST requests to a predefined URL to notify and trigger actions in another system.
5. REST: Representational State Transfer, an architectural style for designing networked applications, using standard HTTP methods (GET, POST, PUT, DELETE) to manipulate resources.
6. WebSocket: A protocol that enables bidirectional, real-time communication between a client and server over a single, long-lived connection, ideal for applications requiring low-latency updates, such as chat or gaming.
1. gRPC: A high-performance, language-agnostic remote procedure call (RPC) framework for efficient communication between distributed systems, often used in microservices architectures.
2. SOAP: A protocol for exchanging structured information in the implementation of web services, known for its strict standards and XML-based message format.
3. GraphQL: A query language and runtime for APIs that allows clients to request only the data they need, reducing over-fetching and under-fetching of data.
4. Webhook: A mechanism for real-time communication where an application sends HTTP POST requests to a predefined URL to notify and trigger actions in another system.
5. REST: Representational State Transfer, an architectural style for designing networked applications, using standard HTTP methods (GET, POST, PUT, DELETE) to manipulate resources.
6. WebSocket: A protocol that enables bidirectional, real-time communication between a client and server over a single, long-lived connection, ideal for applications requiring low-latency updates, such as chat or gaming.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
owasp.org
Notice - OWASP API Security Top 10
The Ten Most Critical API Security Risks
💡 Angular Tip
Did you know that VSCode has a built-in Angular profile template which is packed with popular extensions and handy settings out of the box?
📢 VSCode profiles are a great way to setup your development environment easily. It is fully customizable so that you can also share it with your dev team!
https://code.visualstudio.com/docs/editor/profiles#_angular-profile-template
Did you know that VSCode has a built-in Angular profile template which is packed with popular extensions and handy settings out of the box?
📢 VSCode profiles are a great way to setup your development environment easily. It is fully customizable so that you can also share it with your dev team!
https://code.visualstudio.com/docs/editor/profiles#_angular-profile-template
Visualstudio
Profiles in Visual Studio Code
Expand your development workflow with task integration in Visual Studio Code.
Frontend Unit Tests.
🟡 The Gold Standard 🟡
Everyone racing for top coverage.
But reality looks much much different.
When NOT to Write Frontend Unit Tests:
• PoCs/MVPs: Here today, irrelevant tomorrow.
• UI part that is changed a lot: Don't waste your time.
• Experimental features: Can change any minute.
• Basic static components: Not worth it.
• Overwhelming mocking: Value > Effort.
• Deadlines: Especially in startups.
• Limited resources: Business value first/early phase.
• Redundant scenarios: 100% coverage is not the goal.
• Backend is more important: Frontend is changing much more often.
When TO Write Frontend Unit Tests:
• Critical features: Some things just can't fail.
• Complex logic: Once stable of course.
• Reusable components: The Foundation.
• Regression prevention: When it breaks often.
• Set in stone features: Worth the effort.
• Documentation: Tests can be great for that.
• Pre-refactoring: Before embarking on refactoring.
• Integration points: Vulnerable places.
Business Perspective:
• User Focus: E2E reflecting customer experience.
• Cost Efficiency: E2E tests can catch critical bugs.
• Time Savings: Reducing emphasis on unit tests can speed up development cycles.
• Real-world Relevance: E2E tests in near-production environments offer tangible insights.
• Simplified Reporting: E2E results are often more digestible for non-technical stakeholders.
• Coverage Overkill: Extensive unit tests can be redundant with a strong E2E suite.
• Maintenance Overhead: Frontend changes might require frequent unit test updates.
Businesses often lean towards ROI.
E2E tests often provide clearer value.
🟡 The Gold Standard 🟡
Everyone racing for top coverage.
But reality looks much much different.
When NOT to Write Frontend Unit Tests:
• PoCs/MVPs: Here today, irrelevant tomorrow.
• UI part that is changed a lot: Don't waste your time.
• Experimental features: Can change any minute.
• Basic static components: Not worth it.
• Overwhelming mocking: Value > Effort.
• Deadlines: Especially in startups.
• Limited resources: Business value first/early phase.
• Redundant scenarios: 100% coverage is not the goal.
• Backend is more important: Frontend is changing much more often.
When TO Write Frontend Unit Tests:
• Critical features: Some things just can't fail.
• Complex logic: Once stable of course.
• Reusable components: The Foundation.
• Regression prevention: When it breaks often.
• Set in stone features: Worth the effort.
• Documentation: Tests can be great for that.
• Pre-refactoring: Before embarking on refactoring.
• Integration points: Vulnerable places.
Business Perspective:
• User Focus: E2E reflecting customer experience.
• Cost Efficiency: E2E tests can catch critical bugs.
• Time Savings: Reducing emphasis on unit tests can speed up development cycles.
• Real-world Relevance: E2E tests in near-production environments offer tangible insights.
• Simplified Reporting: E2E results are often more digestible for non-technical stakeholders.
• Coverage Overkill: Extensive unit tests can be redundant with a strong E2E suite.
• Maintenance Overhead: Frontend changes might require frequent unit test updates.
Businesses often lean towards ROI.
E2E tests often provide clearer value.
👍1
Angular Munich pinned «Frontend Unit Tests. 🟡 The Gold Standard 🟡 Everyone racing for top coverage. But reality looks much much different. When NOT to Write Frontend Unit Tests: • PoCs/MVPs: Here today, irrelevant tomorrow. • UI part that is changed a lot: Don't waste your time.…»
- Go through the designs (Ask clarifying questions)
- Break down the UI into components, and monitor the SEO.
- Define what data components need / API contracts (request and response payload)
- Analyze the flow of data within the components
- Authentication and authorization (roles and privileges)
- Discuss the security and best practices
- Discuss the rendering and hosting strategies
- Discuss the performance
- Code maintenance and test cases (what all things you want to run in the CI)
- Scalability, Monitoring, logging, A/B, error reporting, and tracing strategies.
While these are some everyday things, the system design interviews are subjective and change according to the requirements.
Please open Telegram to view this post
VIEW IN TELEGRAM
Many #Angular devs overlook this.
Misuse can tank performance.
Better to avoid for these cases:
• Using complex, computationally heavy functions for trackBy.
• When data items are mostly static and don't often get replaced.
• Using in deeply nested *ngFor loops without proper optimization.
• With components where preserving internal state across data changes might lead to unexpected behavior.
Please open Telegram to view this post
VIEW IN TELEGRAM