I am based in Singapore, have a project you'd like to discuss?
This is a guide on how to setup a web app with Go/GoLang, React and MongoDB Assuming you have already installed Go language and NodeJS in you machine. If not please install with the links above. A the time of writing I am using go version go1.14.2 darwin/amd64, and Nodejs v13.8.0 So the first thing […]
Git 2.22 onwards has a current branch flag, with git branch —show-current allows you to see which brach you are at now, sometime you want to pull current branch changes, and the easiest config in my opinion is to set a alias in your bash_profile or zshrc without messing your git config settings.
|
1 2 3 |
alias gp=“git pull origin $(git branch —show-current)” |
now […]
If you like to do a loop in bs-emotion for list of classes and do something, for example different background colors for class of name 1 – 10.
|
1 2 3 4 5 6 |
.class_1 {background-color: ...} .class_2 {background-color: ...} .class_3 {background-color: ...} .class_4 {background-color: ...} |
here’s how: First you create a loop function with list of colors that you want to loop over and each class_index_number, since bs-emotion uese ocaml syntax, […]
let%Anything is a really cool module for ReasonML, Which allows you to create a module and use as with let%Module, lets take a look how to use. Since buckleScript have upgraded to 7++ by default and I am using bs-let for demo: Create a module and method that you like, with let_. Here I create […]
I have added a demo on how I use ReasonMl/ReasonReact with expressJs and mongoDB, you can see how I use Atdgen for sharing types from frontend, reasonML and backend, expressjs/javascirpt types. You can see how I use bs-emotion instead of css, or sass to style the components. you can see the repo on: https://github.com/maxlibin/ParentalJobs This […]
I made a demonstration on how to use ReasonReact/ReasonML to build a childcare center search website. the demo can be seen on: https://amazing-fermi-decca3.netlify.com/ Few tech stacks used here are:ReasonML language, ReasonReact Framework, BS-Emotion for styling, BS-fetch for promise fetching data, BS-JSON for decoding JSON to BuckletScript. Source code can be found on github
Recently I was working quite a bit on ReasonML / ReasonReact projects, and we moved from writing old approach of writing external CSS to inline-css with bs-emotion (using oCaml syntax directly). Its really easy to use css or sass / scss into ReasonReact components, you can import them the same way you import with from […]
With the latest ReasonReact update, finally support hooks, and new way of writing reasonReact with more functional approach is so much better, easier and fun. Lets try to begin with a new Component, Button.re, BTW, there are some API was replaced to new name space “React” from “ReasonReact”
|
1 2 |
[@react.component] let make = (~className) => <button className>"This is a button"->ReasonReact.string</button> |
As you can see above code, […]
A higher order component is basically a reusable component which allows you to takes in another component and return a new component. To recap about higher component check our my older post here In ReasoML higher order function are called “Functors” which takes in a module type and returns a module type, functors are written […]
Recently I was working on some reasonml/ReasonReact project which required to request data in JSON format from an API endpoint, well there are some BuckleScript decoders such https://github.com/glennsl/bs-json which is the more popular one,the way you decode is pretty easy:
|
1 2 3 4 5 6 7 8 9 10 11 |
point = { x: int, y: int }; let point = json => Json.Decode.{ x: json |> field("x", int), y: json |> field("y", int) }; |
you pass in the json and define the field in Json.Decode… at first it […]