Tutorial by Examples: t

For better performance it's important to avoid using of array (lambda) function in JSX. As explained at https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md : A bind call or arrow function in a JSX prop will create a brand new function on every single render. Th...

It's highly recommended to use ESLint in your project on react-native. ESLint is a tool for code validation using specific rules provided by community. For react-native you can use rulesets for javascript, react and react-native. Common ESLint rules with motivation and explanations for javascript ...

The Xamarin Forms Entry control does not have a MaxLength property. To achieve this you can extend Entry as below, by adding a Bindable MaxLength property. Then you just need to subscribe to the TextChanged event on Entry and validate the length of the Text when this is called: class CustomEntry ...

Spread dot operator can be used instead of collect method (1..10)*.multiply(2) // equivalent to (1..10).collect{ it *2 } d = ["hello", "world"] d*.size() // d.collect{ it.size() }

With the help of react-navigation, you can add navigation to your app really easy. Install react-navigation npm install --save react-navigation Example: import { Button, View, Text, AppRegistry } from 'react-native'; import { StackNavigator } from 'react-navigation'; const App = StackNavigat...

import * as Redux from 'redux'; import {Inject, Injectable} from '@angular/core'; @Injectable() export class exampleService { constructor(@Inject(AppStore) private store: Redux.Store<AppState>) {} getExampleState(){ console.log(this.store.getState().example); } } ...

import * as Redux from 'redux'; import {Inject, Injectable} from '@angular/core'; @Injectable() export class exampleService { constructor(@Inject(AppStore) private store: Redux.Store<AppState>) {} setExampleState(){ this.store.dispatch(updateExample("new value"...

app.store.ts import {InjectionToken} from '@angular/core'; import {createStore, Store, compose, StoreEnhancer} from 'redux'; import {AppState, default as reducer} from "../app.reducer"; export const AppStore = new InjectionToken('App.store'); const devtools: ...

MCVE's should start the Shiny app when they are copied in the console. An easy way to do this is using the shinyApp function. For example: why is my checkbox not responding? library(shiny) ui <- fluidPage( checkboxInput('checkbox', 'click me'), verbatimTextOutput('text') ) serv...

In practice, shiny Apps are often very complicated and full of features that have been developed over time. More often than not, those additional details are not necessary to reproduce your issue. It is best if you skip such details when writing MCVE's. WRONG Why is my plot not showing? libra...

The simplest way to include plots in your shinyApp is to use plotOutput in the ui and renderPlot in the server. This will work with base graphics as well as ggPlots library(shiny) library(ggplot2) ui <- fluidPage( plotOutput('myPlot'), plotOutput('myGgPlot') ) server <- function...

animated_android_dialog_box.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp"> &...

You can restrict the directions the user is able to scroll to using the following code: func scrollViewDidScroll(_ scrollView: UIScrollView) { if scrollView.contentOffset.x != 0 { scrollView.contentOffset.x = 0 } } Every time the user scrolls on the x-axis, the scrollView's c...

Here is an example of image pulling using Go and Docker Engine API and the same progress bars as the ones shown when you run docker pull your_image_name in the CLI. For the purposes of the progress bars are used some ANSI codes. package yourpackage import ( "context" "en...

When using cURL for some queries to the Docker API, it might be a bit tricky to pass some complex structures. Let's say, getting a list of images allows using filters as a query parameter, which have to be a JSON representation of map[string][]string (about the maps in Go you can find more here). H...

The multi_search option allows us to search for a query in multiple fields at once. GET /_search { "query": { "multi_match" : { "query": "text to search", "fields": [ "field_1", "field_2" ] } }...

function REReplaceCallback(re,str,callback) { /* Thanks to Ben Nadel "Learning ColdFusion 8: REMatch() For Regular Expression Matching" from 2007-06-13 https://www.bennadel.com/blog/769-learning-coldfusion-8-rematch-for-regular-expression-matching.h...

REReplaceCallback('YOUR REGEX GOES HERE','AND YOUR STRING HERE',function(groups) { //now you can access the 'groups' array containing all the captured groups return result; //return whatever you've processed inside });

Configure For web request you can also use library axios. It's easy to configure. For this purpose you can create file axios.js for example: import * as axios from 'axios'; var instance = axios.create(); instance.defaults.baseURL = serverURL; instance.defaults.timeout = 20000;] //... //and...

Set the token on <head> of your default.blade.php. <meta name="csrf-token" content="{{csrf_token()}}"> Add ajaxSetup on the top of your script, that will be accessible to everywhere. This will set headers on each ajax call $.ajaxSetup({ headers: { '...