aolufisayo

Framer for PC & Linux users

One of the most common questions I see in the Framer Facebook group is people wondering whether you need to use a Mac to run Framer. That’s understandable — the website has a screenshot of a Mac app, a download button, and a caption saying ‘available for Mac’. Here’s the thing — you can use Framer and join this wonderful community & way of working on any platform. Let me explain…

The app you see in the screenshots on the Framer website is ‘Framer Studio’. It’s a paid app, for OSX only. The thing that powers it though—Framer.js—is open source, and available for free on GitHub.

To save you having to compile the source, Framer provide a simple .zip file to get you started - including all of the JavaScript you need, and an HTML file to open in your browser. It’s that simple to get started with Framer on Windows or Linux!

So what’s Framer Studio? Where’s tha

aolufisayo

// BUDGET CONTROLLER
var budgetController = (function() {
    
    var Expense = function(id, description, value) {
        this.id = id;
        this.description = description;
        this.value = value;
        this.percentage = -1;
    };
    

aolufisayo

Use Storybook version 4.1.13 as 5 is not ready for React Native

Tested: 6th March 2019

Install mac homebrew:

Download rom here: https://brew.sh/ `

Setup brew

aolufisayo

const { ApolloServer } = require('apollo-server');
const gql = require('graphql-tag');
const jwt = require('jsonwebtoken');
const fetch = require('node-fetch');
const typeDefs = gql`
  type auth0_profile {
      email: String
      picture: String
    }
    type Query {

aolufisayo

// This SNACK is a follow up of this tweet:
// https://twitter.com/MengTo/status/1142539362875392001
// I just wanted to recreate it using React Native ❤️
// Take the code as it is, I'll not refactor it -> unnecessary effort
import React, { Component } from 'react';
import {
  TouchableOpacity,
  StatusBar,
  Text,
  ImageBackground,

aolufisayo

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

1: autorun

autorun takes a function, and immediately runs it. Upon execution, it detects any observables that the function accesses (e.g. observable.property), and will automatically re-run the function anytime those observables change.

For example, you should have seen the Loading changed alert display immediately when viewing/running this playground. This is because of the initial autorun call here. If you click either of the two buttons below, you'll see the alert again.

However, if you click the same button multiple times, you won't see the alert, because the observable isn't changing. Try it for yourself!

aolufisayo

software engineering practices part 1 - lesson two

1. python codes should be indented by 4 spaces.
2. python doc strings are denoted by three double quotes.
3. a module is just a file. it allows code to be reusable by encapsulating them into a file which makes it easier to import into other files.
4. production code is software running on production servers to handle live users and data of the intended audience.
5. a code is modular if it is logically broken up into functions and modules.
6. limit python code lines by 79 characters ( as specified by pep guidelines )
7. types of documentation -line level (inline comments) -function or module level

aolufisayo

check running docker services

docker ps

open bash command prompt on postgres container

docker exec -it 'postgres container name' bash

login to postgres

psql -U postgres

create a database

aolufisayo

To run open ai gym on windows 10 with anaconda installed

create a new environment in anaconda, install 'command prompt' and follow the steps below

install pytorch

conda install pytorch torchvision torchaudio cpuonly -c pytorch-lts

install stablebaselines3 package

pip install stable-baselines3[extra]

aolufisayo

class Node():
    def __init__(self, value):
        self.value = value
        self.next = None

    def __str__(self):
        return str({"value": self.value, "next": self.next})


class LinkedList: