Security News
Combatting Alert Fatigue by Prioritizing Malicious Intent
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
fluent-rn-website
Advanced tools
Key Concepts:
Files in the docs
folders are built to a page with the same URL as the relative directory. index
files will be rendered as the folder's root page.
docs/components/button.mdx
will be built to example.com/components/button.html
. docs/styles/index.tsx
will be built to example.com/styles/index.html
The vertical navigation of each page is written in a toc.yml
file that includes name
, link
and any children items
.
name
is the link textlink
is the full url to the pageitems
is an array of name/link pairs and can be further nested- name: Components
items:
- name: Button
link: components/button
- name: Toggle
link: components/toggle
Often you'll want a subsection of the site to have its own navigation. The navigation of each page is based off of the closest toc.yml
file to the page.
docs/
styles.mdx
toc.yml
components/
button.mdx
toc.yml
foo/
bar.mdx
The styles
page will have the navigation from docs/toc.yml
and button
page will use the navigation found in docs/components/toc.yml
.
docs/foo
does not contain a toc.yml
so docs/toc.yml
will be used for bar.mdx
.
The Fluid UI Site supports multiple page formats.
MDX is a superset of markdown that adds the power of JSX to the file. This means you can import JSX directly into your markdown content.
import {Button} from 'office-ui-fabric-react'
## This is a Fabric button
<Button primary={true}> Click Me </Button>
Another great feature of MDX is the ability to import other MD or MDX files into a single file. This is a great way to split content out into multiple files and combine/reuse it.
import Stuff from './somestuff.md'
Hello, this is my <Stuff />
TSX files can be used when you need complete control over the page contents. No assumptions will be made about the page contents, styles or meta information (other than URL).
Unless your page is meant to be a standalone app, we recommend using the built in PageTemplate
to render the default page shell.
import React from 'react';
import PageTemplate from 'gatsby-theme-fluent-site/src/templates/PageTemplate'
import
export default () => {
return <PageTemplate>Page Content</PageTemplate>
}
Gatsby can source pages from multiple locations. Content added to this repo under docs/ios
could easily be moved to another repo under fluentui-docs/ios
and produce the exact same page content. This workflow is not yet fully implemented, but it is a core tenent and fully supported by our tech choices.
FAQs
Fluent website content
The npm package fluent-rn-website receives a total of 16 weekly downloads. As such, fluent-rn-website popularity was classified as not popular.
We found that fluent-rn-website demonstrated a not healthy version release cadence and project activity because the last version was released 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
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.