Posts

Showing posts from 2019

Support Deeplink in react-native app with react-navigation

Open Kenji App Open Kenji App, User Screen

Adding mailchimp popup in Google Optimize

Image
mailchimp popup Adding mailchimp popup in Google Optimize keywords : google-optimize, mailchimp, popup, js TL;DR A tip to add mailchimp popup in Google Optimize Handle CSS issue when adding mailchimp So… Today I have a task that need to add mailchimp popup on my website as an experiment. Since we use Google Optimize to implement the A/B testing , I need to add the mailchimp script on Google Optimize ( Please read the references below if you don’t know about Google Optimize or Mailchimp ) The script I need to add from mailchimp look like this: < script type = " text/javascript " src = " //downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js " data-dojo-config = " usePlainJson: true, isDebug: false " > </ script > < script type = " text/javascript " > window . dojoRequire ( [ "mojo/signup-forms/Loader" ] , function ( L ) { L . start ( { "baseUr

How this blog is build

Image
Content Intro 111 Customise Theme Support syntax highlight with highlighjs Customise CSS I write this blog to learn and share The best way to learn is notes and share. So I write this blog to do that; I’ve tried to write blog on medium but found it quite difficult and don’t have what I need: customizable be able to backup support markdown After investigate several blog platforms, I choose blogger: => cusmtomizable: under the hood, it’s just html & css; so I can do whatever I want => be able to backup: I compose & edit my blog post on a markdown editor, than convert it to html & post to blogpost; So I can keep all of my data you can check StackEdit to edit in markdown and publish to blogger => support markdown: I found it’s easier if I use markdown to write blog. It’s have almost every format I need Choosing theme You can go to Theme -> Customise to choose the theme you want I found that simple theme is good enough for me :> Support

Level up your log in React-Native with Reactotron

Image
A Log - Many Logs Log is the essential part of programming. If you ever worked with mobile programming or react-native, you will find that log is a the essential for monitor your app. In this post, I just want to a share a little bit trick to log in react-native app :) Console.log is bad!!! React-Native come with the default console.log to be able to see the log messages. You have to turn on Debug JS Remotely and open Inspector in chrome to view the message. This is bad because Debug mode is very slow. If you write a long message, it can crash your app The app continues warning about keeping chrome on foreground Reactotron come to rescue!!! https://github.com/infinitered/reactotron Yes!!! with reactotron, you DON’T NEED to turn-on Debug JS to be able to see log, and the log is also FASTER btw. The example below show how to configure Reactotron with redux for simulator and real device import Reactotron from 'reactotron-react-native'; import { reactotronRedux }