Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@fintraffic/fds-coreui-components
Advanced tools
Fintraffic Design System Core UI (Web) Components
Fintraffic Design System's Core UI Components. Work heavily in progress.
Work is being done at Fintraffic Raide to get some basic web components added to this repository in the near future. After we've achieved some good enough baseline, we'll revisit governing and contribution guidelines and processes for the Design System's technical implementation.
https://fintraffic-design.github.io/fds-coreui-components
npm i --save @fintraffic/fds-coreui-components
Import and register a specific component
import '@fintraffic/fds-coreui-components/dist/define/fds-button.js';
Import and register all components
import '@fintraffic/fds-coreui-components/dist/define/all.js';
Extend a component
import { FdsButton } from '@fintraffic/fds-coreui-components';
class MyButton extends FdsButton { /* ... */ }
customElements.define('my-button', MyButton);
Implementation should follow the component publishing guidelines from Open Web Components.
Web component code should be ordered as follows:
Constructor (only when required)
Reactive properties (@property
, @state
)
Override-methods
Render-method
Helper-methods
CSS
Reasoning: With this order we aim to have the most functionally essential logic of the component featured most prominently. For this reason, the CSS (static variable) has been moved to the end, contrary to common OOP-practices. Otherwise, it is generally desired to maintain the same order of structure in components, so that even unfamiliar code is a little easier to read when you know how it is structured.
Class properties that update the component's inner state, should have the private
access modifier, or protected
if there is a good reason for it.
Use the function
keyword when declaring functions.
Naming practises:
_
) for private and protected properties, e.g. @state() private _enabled = true
Prettier is used for code formatting.
.prettierc.json
.npx prettier -w src/
Always write and update the JSDocs!
Copyright © Fintraffic 2023 Source code of this program is licensed under the EUPL v1.2
FAQs
Fintraffic Design System Core UI (Web) Components
The npm package @fintraffic/fds-coreui-components receives a total of 16 weekly downloads. As such, @fintraffic/fds-coreui-components popularity was classified as not popular.
We found that @fintraffic/fds-coreui-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.