DEV Community: Maggie Ma

Some Short-Cuts

Maggie Ma — Wed, 11 Feb 2026 17:06:18 +0000

1. Intelligent Selection Control
Expand Selection (Alt + Shift + →): This command allows you to select code blocks logically.

How it works: Every time you hit the right arrow, the selection "levels up"—moving from a single variable to a function call, then to the entire line, and eventually to the whole component or block.

Why use it: It is much faster and more precise than using a mouse to highlight specific nested logic.

2. Efficient Import Cleanup
Organize Imports (Ctrl + Shift + O): While this is the default shortcut for "Go to Symbol," in many optimized environments or with specific keybindings, it is used to automatically remove unused imports and alphabetize the remaining ones.

Pro Tip: If you are using the standard VS Code shortcuts, you can also use Shift + Alt + O to specifically Organize Imports and clean up the top of your file instantly.

3. ES7+ React/Redux/React-Native Snippets
Instead of typing out repetitive boilerplate codeEditor components, you can use short abbreviations that expand into full code structures.

rfce -> create a functional component with an export name
rafce-> create a React Arrow Function component with an export name
clg -> console.log(object)
nfn -> const name = (params) => {}
uef -> useEffect(() => {...}, [])

TIL on Zod...

Maggie Ma — Mon, 09 Feb 2026 19:12:41 +0000

The LLMs are really just "Garbage in, Gaarbage out"(GIGO) system. If a user provide an input that is too long, contains malicious characters, or missing required field, the AI might be driven crazy.....

Why Zod
one out of the most is: Zod is Runtime safety, unlike typescript interfaces, Zod checks data at runtime before it ever hits the OpenAI API

**const chatRequestSchema = z.object({
    prompt: z.string()
    .trim()
    .min(1, 'Prompt is required')
    .max(1000, 'Prompt is too long'),
    conversationId: z.string().uuid(),
})**

app.post('/api/chat', async (req: Request, res:Response) => {
    const parseResult = chatRequestSchema.safeParse(req.body);
    if (!parseResult.success) {
        res.status(400).json({ error: parseResult.error.format() });
        return;
    }

    const {prompt, conversationId} = req.body;

    try{
        const response: ChatResponse = await chatService.sendRequest(prompt, conversationId);
        console.log("Response from OpenAI:", response);
        res.json({ message: response.message})

    } catch (error) {
        res.status(500).json({ error: 'An error occurred while processing your request.' });
        return;
    }

})

Advanced way of using Zod could be: Zod.infer, to be contionued

Basics about SAML/SSO with ADLAP

Maggie Ma — Fri, 06 Feb 2026 19:30:11 +0000

https://developer.okta.com/docs/concepts/saml/

The cast of Characters(Terminology)

The Principal: the user trying to log in
Identity Provider(IdP): The "Source of Truth", this is the system that knows the user's password and verifies who they are(e.g. Okta, Azure AD)
Service Provider(SP): The application the user want to use(the app you are building)

The "Digital Badge" Concept(The Role)
IdP = the passport Office: by check your birth certificate and ID to prove you are you, then give you the passport
Assertion = Passport: A signed document that says "We trust this person is Maggie Ma"
SP = the TSA/Borading Gate. they don't check your birth certificate, they just looked at your passport, if the passport has the digital signature, they will let you in

3: Steps(with pictured workflow)

Note:

the metadata is preset(the instruction manual) before anayone logs in, is the rule of the game, including yje SSO Url(App to Okta), ACS Url(Oktaa to app), Entity ID and the cert
Assertion is the passport, uses during runtime, is an XML contains the user's name, emails timestamp, etc. and is signed by Okta using the key in metadata. and the assertion is sent with the ACS Url

once the app get the assertion, it checks the signature using metadata from the Public key from metadata

safely store api key in project

Maggie Ma — Wed, 04 Feb 2026 22:46:02 +0000

bun