Skip to content

Instantly share code, notes, and snippets.

View marlonschlosshauer's full-sized avatar

Marlon marlonschlosshauer

View GitHub Profile
@marlonschlosshauer
marlonschlosshauer / with-navigation-decorator.tsx
Created December 23, 2022 15:31
Storybook Decorator to use React (Native) Navigation
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import React from 'react';
const Stack = createNativeStackNavigator();
export const withNavigation = (story: () => JSX.Element) => {
const Screen = () => story();
return (
<NavigationContainer independent={true}>
@marlonschlosshauer
marlonschlosshauer / auth-slice.js
Created June 14, 2022 14:33
Redux Toolkit Query url-encoding Auth Request Example
export const api = createApi({
baseQuery: fetchBaseQuery({
baseUrl: "https://your.api.uri",
}),
endpoints: (builder) => ({
login: builder.mutation({
query: ({ username, password }) => ({
url: "/login",
method: "POST",
headers: {
@marlonschlosshauer
marlonschlosshauer / js+react-workshop.md
Last active April 21, 2022 11:00
JS + React Workshop

JS + React Workshop

Inhalte

  • JS Grundbausteine
  • Variablen mit let & const
  • Objects mit {}
  • Funktionen
  • [] & Array Funktionen
  • console.log, Dev Tools & Debugger & Documentation
  • React: JSX, State, Components, Hooks
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
#ascii {
font-family: monospace;
font-size: 1vw;
max-width: 100vw;
}
@marlonschlosshauer
marlonschlosshauer / hacker-news-darktheme.css
Last active March 2, 2022 01:07
Dark Theme for HN in 8 lines of CSS
@-moz-document url-prefix("https://news.ycombinator.com") {
@media (prefers-color-scheme: dark) {
* :not(.votearrow, input, textarea) {
color: #f2f2f2 !important;
background: #1a1a1a !important;
}
}
}
@marlonschlosshauer
marlonschlosshauer / swagger-codegen-angular.sh
Created November 8, 2021 20:55
swagger codegen angular
ng new codegen-test
npm i @openapitools/openapi-generator-cli --save-dev
npx openapi-generator-cli generate -i http://localhost:5000/swagger/v1/swagger.json -g typescript-angular -o src/libs/api