
logs the string "name1: name2" to the console.

Console Log Value/Name (Multiple)


This code will log the value of the variable "name" to the console.

Console Log Value/Name (Single)

Python snippets



The code below flattens a list into a list of tuples.

Flatten list

Dynamic loader (circle) from w3

The function returns a zip file of different types of files.

Create ZIP

 hides an element from the page, it is still visible for screen readers and stays interactive. 
It is used in case necessarily for semantics, we don't need it in layout

Visually hidden


     
     def to_singleton(self):
    if self.__instance is not None:
     return self.__instance
    return super(SingletoCls, self).

singleton class


The code starts an app on a node instance running Alpine 3.13 with a production environment set. First, it installs git, openssh, and npm. Next, it copies the app's package.json, yarn.lock, and ./ files to the root of the instance and sets the environment variables NODE_ENV and WORKDIR toProduction. Finally, it builds the app using yarn.

Dockerfile nestjs yarn

Discord.py Example

# All recipes published for Python
oiwejf
weoiwejf
owiejf
woeifj
woeifj
woeifj


Python public recipes


The code checks to see if the file exists by using the os.path.isfile() function.

Check if file exists

Flutter


This code will push the RouteName variable to the context variable of the current navigator.

Navigator pushNamed


The filename.ext widget extends the StatelessWidget class. Within the build method, the widget creates separate routes for the '/a' and '/b' paths. The routes define the path of the widget and the widget builder to use when rendering it.

Navigation boilerplate

Keyboardinterrupt handling

react


The following code defines several functions to convert between different temperature units.

Temperature Snippets

This code declares four functions that convert Celsius, Fahrenheit, Kelvin, and Rankine to each other.


Temperature



custom component extends stateless widget with key, text and onPress properties. It also has a build method which takes in a BuildContext .

The Column in the custom component is a widget. Column contains two children: TextButton and Text. TextButton has a child: Text which is the text that will be displayed on the button. TextButton also has an onPressed property which points to the VoidCallback that will be used to execute the onPress event. Text is the child of TextButton. Text contains the text that will be displayed on the widget.

Flutter Custom component



This code reads lines from the file and prints each line.

Read a file in Python

Clone Object

React Native is an open-source UI software framework created by Meta Platforms, Inc.
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props.

![](https://braze-marketing-assets.s3.amazonaws.com/images/partner_logos/react-native.png)

This cookbook have reusable code snippets for React Native in typescript.

React Native companion for Typescript



This code declares that the module exports a single object named preset with the following properties: react-native and moduleFileExtensions.

configure Jest to use TypeScript

Add a TypeScript config file. Create a tsconfig.json in the root of your project:

Typescript config for react native

react-native


The code creates a NavigationInjectedProps object, which is then used to create an instance of NavigationOptions. The NavigationOptions instance has a title property set to "Title Screen.

Navigation options for React Native


The above code defines an interface AppProps and a class App that extends React.Component . AppProps defines an array of properties that the class App can access. The render() method in the class App returns an HTML markup document with a View element containing a Text element that declares the name of the class App .

React-Redux Container for React Native



In the code, "this" refers to the instance of the React component. "setState" updates the state of the component. "first" is a property of the state object.

set state in react Native



The above code defines an interface named AppProps and defines a variable named App that is of type React.SFC<AppProps>. The code inside the curly braces () is the actual code that is executed when the App variable is used. This code simply returns, which means that the code inside the curly braces does not affect the rest of the code inside the function.

React Stateless Functional Component


This code creates a new interface and class. The AppProps interface defines the properties that an App component may have. The App class extends React.PureComponent and takes in an AppProps object as a constructor parameter. The App class then renders a simple View component with a Text component inside it.

React Native pure component 


React Native provides a built-in way to access Android and iOS views and text fields. You can use the View and Text components that come with React Native.

React Native stateless container

Create a stateful React Component with typescript with Props, State, and a constructor.

react native component with all props & State


Above code creates an export interface called AppProps for use by other code. The filename.extComponent class extends React.Component and takes as its props the AppProps interface. The class contains a render function that returns an HTML view with a Text component.

Create a React Component use only Props

React Native is an open-source UI software framework created by Meta Platforms, Inc.
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props.

![](https://braze-marketing-assets.s3.amazonaws.com/images/partner_logos/react-native.png)

This cookbook have reusable code snippets for React Native in Javascript.

React Native companion for Javascript

Button provides a basic button component that is rendered nicely on all platforms. The minimal example to display a button looks like this:



Button for React Native

React Native Pure Component with Export



The code creates an instance of StyleSheet and stores it in the const styles variable. StyleSheet is a object that stores the settings for the appearance of an HTML document.

Create Stylesheet for react Native

React Native component stateless with view children

React Native component stateless view children

React Native stateless component

react native pure component

React Native component with styles



The code above creates a new file named filename.ext and renders it as a View.

React Native Component



This code creates a new React Native project called "MyReactNativeApp". The project is private and the scripts section includes a start command that will automatically start the project when executed.

Go to the root directory for your project and create a new package.json file with the following contents:


React Native Package,json

Appwrite is a self-hosted backend-as-a-service platform that provides developers with all the core APIs required to build any application.


![](https://camo.githubusercontent.com/c178164ef8670663ea7e4550e0c1bca9cade3fa9/68747470733a2f2f61707077726974652e696f2f696d616765732f6769746875622d6c6f676f2e706e67)

This cookbook is a collection of Smart code snippets for Appwrite.

Appwrite companion cookbook



The code deletes a file from the storage bucket using the specified file ID for Appwrite.

deleteFile in Appwrite



The code above updates a file in the storage bucket with the given file ID in Appwrite.

updateFile for appwrite


 The code will launch the storage.getFileView() function with the given parameters. The function will access the Storage object and get the FileView for the given bucket and file ID.

This code snippet is a part of Appwrite cookbook

getFileView for Appwrite


  
This code prints the results of a file download operation that was started in the context of the GlobalScope object. The first parameter is the bucket ID, and the second is the file ID in Appwrite.

getFileDownload for appwrite



The code uses the Storage class to access a file in the bucket specified by the bucketId and fileId values. The Storage class includes methods to get information about the file, such as its contents and size.

Get file for Appwrite



This code creates a new file in the specified bucket using the specified file id and file name in appwrite storage.

Create File on Appwrite (Kotlin)

Check the Appwrite in-memory cache server is up and the connection is successful.


Check In-memory cache server in appwrite


Check the Appwrite database server is up and connection is successful.



Cheak Database health for appwrite

Check the Appwrite HTTP server is up and responsive.



Check appwrite HTTP server 

Converts a given plain text to a QR code image using appwrite avatar. You can use the query parameters to change the size and style of the resulting image.



Convert plain text into QR in appwrite

Use this endpoint to fetch the favorite icon (AKA favicon) of any remote website URL using appwrite avatar.



Get Favicon in appwrite

Use this endpoint to fetch a remote image URL and crop it to any image size you want using appwrite avatar. This endpoint is very useful if you need to crop and display remote images in your app or in case you want to make sure a 3rd party image is properly served using a TLS protocol.

When one dimension is specified and the other is 0, the image is scaled with preserved aspect ratio. If both dimensions are 0, the API provides an image at source quality. If dimensions are not specified, the default size of image returned is 400x400px.



Get Image from URL in appwrite

You can use this endpoint to show different country flags icons to your users using appwrite avatar. The code argument receives the 2 letter country code. Use width, height and quality arguments to change the output settings.

When one dimension is specified and the other is 0, the image is scaled with preserved aspect ratio. If both dimensions are 0, the API provides an image at source quality. If dimensions are not specified, the default size of image returned is 100x100px

Name	Language	Author	Uses
Console Log Value/Name (Multiple)	JavaScript	DS Daniel Strong	255
Console Log Value/Name (Single)	JavaScript	DS Daniel Strong	110
Flatten list	Python	p peterhorvat	0
Dynamic loader (circle) from w3	CSS	m minitower	0
Create ZIP	Python	p peterhorvat	0
Visually hidden	CSS	a anastasiia-tilikina	8
singleton class	Python	z zhongjian-ls	4
Dockerfile nestjs yarn	Docker	l letieu	1
Discord.py Example	Python	AK Atakan Kaya	1
Check if file exists	Python	JD Julien Delange	16
Navigator pushNamed	Dart	m michaelessiet	0
Navigation boilerplate	Dart	m michaelessiet	0
Keyboardinterrupt handling	Python	E Erik-Hoffmann	0
Temperature Snippets	TypeScript	A Arcktosh	0
Temperature	TypeScript	A Arcktosh	0
Flutter Custom component	Dart	m michaelessiet	3
Read a file in Python	Python	AM Alex Martinez	0
Clone Object	JavaScript	NB Nathaniel Blackburn	1
configure Jest to use TypeScript	JSON	KK Khalid Khan	7
Typescript config for react native	JSON	KK Khalid Khan	0
Navigation options for React Native	TypeScript	KK Khalid Khan	0
React-Redux Container for React Native	TypeScript	KK Khalid Khan	0
set state in react Native	TypeScript	KK Khalid Khan	1
React Stateless Functional Component	TypeScript	KK Khalid Khan	0
React Native pure component	TypeScript	KK Khalid Khan	0
React Native stateless container	TypeScript	KK Khalid Khan	0
react native component with all props & State	TypeScript	KK Khalid Khan	0
Create a React Component use only Props	TypeScript	KK Khalid Khan	0
Button for React Native	JavaScript	KK Khalid Khan	2
React Native Pure Component with Export	JavaScript	KK Khalid Khan	0
Create Stylesheet for react Native	JavaScript	KK Khalid Khan	1
React Native component stateless view children	JavaScript	KK Khalid Khan	2
React Native stateless component	JavaScript	KK Khalid Khan	2
react native pure component	JavaScript	KK Khalid Khan	3
React Native component with styles	JavaScript	KK Khalid Khan	0
React Native Component	JavaScript	KK Khalid Khan	8
React Native Package,json	JSON	KK Khalid Khan	14
deleteFile in Appwrite	Kotlin	KK Khalid Khan	3
updateFile for appwrite	Kotlin	KK Khalid Khan	2
getFileView for Appwrite	Kotlin	KK Khalid Khan	1
getFileDownload for appwrite	Kotlin	KK Khalid Khan	1
Get file for Appwrite	Kotlin	KK Khalid Khan	5
Create File on Appwrite (Kotlin)	Kotlin	KK Khalid Khan	2
Check In-memory cache server in appwrite	JavaScript	KK Khalid Khan	11
Cheak Database health for appwrite	JavaScript	KK Khalid Khan	1
Check appwrite HTTP server	JavaScript	KK Khalid Khan	2
Convert plain text into QR in appwrite	JavaScript	KK Khalid Khan	4
Get Favicon in appwrite	JavaScript	KK Khalid Khan	6
Get Image from URL in appwrite	JavaScript	KK Khalid Khan	5
get flag icon for appwrite	JavaScript	KK Khalid Khan	2

Codiga Snippets, page 32