Hassan Saleem hassansw

## Using zustand Like Normal JavaScript Thing.md

      
              1 file
            
          
              1 fork
            
          
              1 comment
            
          
              2 stars
            
          
                sumartoyo
                / Using zustand Like Normal JavaScript Thing.md
            
            
              Created
              January 27, 2021 19:23
            
              
                Using zustand Like Normal JavaScript Thing
              
          
    Global state management in React can be a foreign concept for new programmers.
Over the years, we have met reducers, action types, atoms, etc.
I have a friend that wants to learn web development, and I imagine it would be very difficult to teach him about these concepts.
zustand is a simple, straightforward, and un-opinionated library for global state management.
Because of those traits, I am able to utilize it to manage global state like normal JavaScript thing.
What I mean by "normal JavaScript thing" is there is no foreign concept involved in here.
It's just a bunch of normal variables, normal functions, and occasionally normal React component.
I hope my friend can understand global state management better and faster with this library.

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <title>Reverse geocoding</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.4.2/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL,fetch"></script>

## FragmentHome.kt
class FragmentHome : Fragment() {

    //Any other widgets such as Button, Layouts and etc be declared also like this
    var tvHomeLabel:TextView? = null


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
    }

## react-native-maps-enable-google-maps-instructions.md

      
              4 files
            
          
              20 forks
            
          
              64 comments
            
          
              96 stars
            
          
                heron2014
                / react-native-maps-enable-google-maps-instructions.md
            
            
              Last active
              May 21, 2024 07:25
            
              
                Visual instructions how to enable Google Maps on IOS using react-native-maps
              
          
    Visual instructions how to enable Google Maps on IOS using react-native-maps

UPDATE: Following instructions are now a year old. I have recently managed to upgrade react-native-maps from 0.17 to the latest version 0.21 with react-native 0.51 - if you want to follow my instruction scroll down to the end this doc! Hope that will work for you too!

This is for my personal use, things might not be correctly explained here. For the official docs please check https://github.com/airbnb/react-native-maps
Steps from scratch:
1.react-native init GoogleMapPlayground
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8>
	<meta name=description content="">
	<meta name=viewport content="width=device-width, initial-scale=1">
	<title>Reverse geocoding</title>
	<link rel="stylesheet" href="https://openlayers.org/en/v4.4.2/css/ol.css" type="text/css">
	<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
	<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL,fetch"></script>
	class FragmentHome : Fragment() {

	//Any other widgets such as Button, Layouts and etc be declared also like this
	var tvHomeLabel:TextView? = null



	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	}