GitHub Trends
10.1K subscribers
15.3K links
See what the GitHub community is most excited about today.

A bot automatically fetches new repositories from https://github.com/trending and sends them to the channel.

Author and maintainer: https://github.com/katursis
Download Telegram
#typescript #angular #components #design_systems #documentation #html #javascript #react #react_native #stories #storybook #styleguide #svelte #testing #typescript #ui #vite #vue #web_components #webpack #workshop

Storybook is a tool that helps you build and test UI components quickly and efficiently. It allows you to develop, test, and document your UI components in isolation, which means you can focus on individual parts of your interface without affecting the entire application. This tool supports many frameworks like React, Angular, Vue, and more, and it comes with various addons for tasks such as accessibility testing, documentation, and interactive testing. Using Storybook can save you time and improve the quality of your UI components by making it easier to test and refine them before integrating them into your main project.

https://github.com/storybookjs/storybook
#javascript #angular_testing_library #component_testing #cypress #cypress_cloud #cypress_schematic #end_to_end_testing #react_testing_library #svelte_testing_library #test_replay #testing_framework #testing_library #testing_tool #vue_testing_library

Cypress is a tool that makes testing websites fast, easy, and reliable. It works for anything that runs in a browser. You can install it using npm, yarn, or pnpm with a simple command. The benefit to you is that Cypress simplifies the testing process, saving you time and ensuring your website works correctly. It also has a community and resources like documentation, changelog, and roadmap to help you get started and stay updated.

https://github.com/cypress-io/cypress
#other #angular #angular_interview_questions #angular6 #angular7 #angularjs #interview_questions #javascript_framework #javascript_interview_questions #rxjs #typescript

Angular is a powerful framework for building web, mobile, and desktop applications. Here are the key points and benefits
- **Components** Organize the application into logical pieces, importing necessary components, directives, and services.
- **Templates** Share data and functionality across components.
- **Metadata**
- **Interpolation** Sets DOM element properties.
- **Event Binding** Synchronizes data between the component and the DOM.

- **Directives** Directives with a template.
- **Structural Directives** Modify the appearance or behavior of an element (e.g., `ngStyle`, `ngClass`).

- **Forms** Model-driven approach using FormControl and FormGroup.
- **Template-driven Forms**
- Enables client-side routing, allowing navigation between views without full page reloads.
- Uses `RouterOutlet` and `RouterLink` directives.

- **Dependency Injection**
- Handle asynchronous data streams using Observables and RxJS operators.
- Useful for HTTP requests and other asynchronous operations.

- **Animations**
- Use the `i18n` attribute to mark translatable content.
- Extract and translate text using tools like `ng xi18n`.

- **Security**:
- Use sanitization to prevent XSS attacks.
- Follow best practices like avoiding direct DOM manipulation and using the `DomSanitizer`.

- **Testing**

https://github.com/sudheerj/angular-interview-questions