ionic framework Accessibility in Ionic Framework Apps I've recently been creating a sample project based off of Ionic Framework's sidemenu starter app. Yesterday, I realized the starter was using onClick handlers instead of links to navigate between views. Of course, this results in a less than stellar experience for people needing
ionic framework Testing React Based Ionic Framework Apps Are you as excited as I am about using React and Ionic Framework together? You'll be amazed at how easy it is to get started. Thanks to the magic of the Ionic CLI and Create React App, you can be up and running in
React Configuring React Absolute Imports For TypeScript Are you really tired of typing code like this in your React projects? import { AppContextProvider } from "../../state/State"; import MyComponent from "../../components/MyComponent/MyComponent"; import "./App.css"; Typing those relative paths with directory access dots is cumbersome and
JavaScript Lodash Get For Safer and Readable Code Yesterday, I tweeted about how often I encounter people opposed to using Lodash in their projects. I'm frequently surprised how many people refuse to allow Lodash in their projects. I get it. However, I can't live without `_.get`. It'
lodash Lodash Memoize with a Resolver A while back, I wrote about Lodash Memoize. However, I missed a critical point about it that Pavel Zubkou pointed out. memoize uses the first argument to create the key to the cache. If the method you want to memoize takes more than one
javascript New ESLint / TypeScript Configuration Learn how to integrate TypeScript, Prettier, and ESLint in a new Create React App project.
apple Apple ID Problems I need to change my Apple ID. Let's say it is currently "[email protected]", and I need to change it to "[email protected]". I go through the Apple instructions to change my ID. In the Apple ID website,
ios Adding a Splash Screen Image in Xcode I won't actually cover the entire process to add a splash screen (or "Launch Image") to Xcode. It's already covered in great detail in this post by @spencer_carli. UPDATE: Here's a video of the process: https://www.useloom.com/share/7a51e0ba2ed74da28b41493c6a2c0d6a
android Throttling Network Speeds on macOS and iOS Simulator When developing mobile apps, it's important to recognize your mobile users will likely have a much slower network connection than you use while developing. So, it's good to run your app in a simulated poort network condition. When I was primarily developing Cordova based
android Launch An Android Emulator from the Command Line While developing React Native apps (or Ionic Framework) I really dislike opening Android Studio on my Mac just to launch an emulator. To avoid this, I use this workflow: # Put this in your `~/.bash_profile` export ANDROID_HOME=/Users/YOUR_USER_DIRECTORY_HERE/Library/
React Review Full Stack Advanced React and GraphQL by Wes Bos Since I've found myself looking for a new job recently, I thought it would be a good idea to level up my React skills. I knew Wes Bos had a new "Full Stack Advanced React and GraphQL" course. Since I've taken several
GraphQL GraphQL Subdomain Queries with 3rd Party Cookies Disabled UPDATE: Wes was kind enough to respond via Twitter about this issue. It seems Heroku and Now, have their domains as a "public suffix". This means you can't set a cookie for their TLD. The fix was for me to alias my
Recovering from a New Job Disaster and How To Interview for a New Job tl;dr (seriously long!) : I talk a lot about myself below. Here's the gist of it: I started a new job in mid-January and quit after only two days. I cover the mistakes I made during the interview process; problems with the new job;
firebase Firebase Features Wishlist Firebase is amazing, but these suggestions and feature requests could make it even better.
shell Converting base64 to an Image A very long time ago, I wrote a post about Getting base64 of an Image. Today, I needed to do the inverse of that. I had a text file with base64 data that needed to be converted into a JPEG file. How to proceed?
react-native Use Browser's Console Temporary Local Variables in React Native Have you ever used console.log on a complex object and gone to inspect it in the browser's inspector? Maybe it's so complex you wanted to run JSON.stringify on it so you could analyze it more easily? You can normally do this quite
lodash Understanding Lodash Memoize - Tutorial I work on a team that has some really great developers. A few days ago in a PR review, I came across: const formatNumberFull = memoize(number => numeral(number).format("0,0")); Ummm... what? The Lodash docs gave me a little better
react-native Dismissing Keyboards in React Native Views Learn how to dismiss a keyboard in a React Native app in a static (not scrolling) view using responders.
git Partially Stashing Files in Git Imagine that to run an app locally, you need to change a configuration file. No matter what branch you are currently on, this configuration file will need to remain the same. Let's call it config.js. Now, you're working on a topic branch feature-a
Adding to Redux-form FieldArray Imagine you're creating a form that needs multiple discount codes for a checkout process. In React/React Native, you might use a FieldArray from the redux-form library. It could look something like this: <form onSubmit={handleSubmit}> <Field name="firstname"
react-native Debugging Implicit Returns in ES6 For the last 3.5 years, I've worked on a AngularJS(1.x) project; so, I haven't had lots of opportunity to use many of the new features in ES6. Now that I'm doing React Native work, I've been loving all these new features.
testing Configuring Jest in React Native 0.57.0 I'm trying to get a baseline React Native app setup. Unfortunately, I kept running into problems with configuring Jest. When I run yarn test, I'd get this failure: $ yarn test yarn run v1.6.0 warning ../../../package.json: No license field $ jest FAIL ./App.
angularjs E2E Testing Angular Apps with Cypress.io UPDATE : Gleb Bahmutov, from the Cypress team, was kind enough to put together a blog post explaining how to solve my issue. I have to admit that I've rarely done unit testing or end to end testing with any of the Ionic framework apps
nodejs Ionic 2 Generic Copy Gulp Task UPDATE: I've submitted a PR to the Ionic team for this. I think it can be useful to others. I'm finally getting up to speed on Ionic 2 by working my way through the excellent book "Building Mobile Apps with Ionic 2 from
html5 Querying the DOM with Cached Views in Ionic Framework Cached views are a blessing for navigating back and forth in an Ionic Framework apps. Caching helps with things like maintaining the scroll position in a back view. For example, if you're scrolled halfway down a list of customers and tap one of them
