A few months back I was working on a Javascript frontend for a large dataset using Tanstack Table. The relevant constraints were: Up to 50k rows of content Grouped by up to 3 columns Using react and virtualized rendering, showing 50k rows was performing well. But when the Tanstack Table grouping …
Sorry to clog up my real posts, until micro.blog has previews this is best option for testing out styling console.time('expensive code'); thisIsExpensive(); console.timeEnd('expensive code'); // => "expensive code" 100ms Typescript? class Example { #internal: string; } …
Twitter. Oh how I could stroll that infinite corridor of information. Ever since having kids my personal time has been squeezed into a tiny ball. Still, I’d finish putting the kids to bed, open my phone, and where would I end up? On Twitter for 45 minutes. An hour. Hour 30. I’d sit there feeding …
Nope! There isn’t. The coding style you use is a preference. Even if studies have backed your preference1, it does not matter. The next team you work on or codebase you inherit may not follow that preference. But if they have implemented a consistent style, use it. If you are open to using it, and …
When building a website or application there are a variety of reasons you might want a subdomain ranging from SEO to full separation of application responsibilities. Craigslist uses subdomains to separate it's different regions within states. Other websites use a subdomain to differentiate their …
As a quickly evolving library, React Native is often supplemented by features from the community, only to consume them or incorporate similar concepts later on. Up until a few months ago, using the native clipboard on iOS or Android meant installing an npm module and then configuring the native …
Introduction As web developers, we see the potential that the web offers, as a platform and as a cross platform development environment. I don't think it's a desire for sameness or lack of imagination that propels web technologies across device targets, but the potential and power of what those …
I thought it would be helpful to create a resource page to show how I approach development, and what tools and resources I use/read. It’ll be a running list, and I will be updating it regularly. I recommend bookmarking it for your reference and convenience. Enjoy! Disclosure: Please note that …
Last week we dug into Javascript Carousels, first analyzing the implementation Bootstrap offers and then examining two alternatives in Flexslider and Slick. We reviewed examples in each and noticed the simplicity of setup as we moved beyond Bootstrap - but that wasn't enough. Developer productivity …
Last week we started small, and looked to improve the perceived performance of our website with interactive loaders. We looked at what Bootstrap had to offer out of the box, and then explored a more robust option with the Ladda plugin. This week we're aiming to improve the carousel experience. …
Bootstrap is an awesome tool, and something I use all the time. The ability to have so much css scaffolding in place for you to use is a huge time-saver and makes building responsive sites attainable in a more reasonable, repeatable and budget-friendly way. On top of the CSS functionality, Bootstrap …
Laravel comes packaged with an ORM called Eloquent, which is one of the better PHP tools for dealing with your database layer using objects. It provides all of the features you'd expect from a modern relational mapper, and cleanly uses some PHP magic to make the process pleasant. But it has its …
Ionic and Famo.us are Javascript frameworks that aim to bridge the gap between the web and native app world, so that web technologies can compete with the native experience. Ionic Ionic is focused on on creating beautiful hybrid mobile apps in HTML/CSS, and their ecosystem, tooling and library …
[text-blocks id="knowledge-roundup-preface"]
Busy week - so I did a little less reading than usual. I'm also finally reading "Think and Grow Rich" by Napoleon Hill so that should have some notes in an upcoming week.
Articles
http://blog.phusion.nl/2014/12/22/phusion-passenger-5-beta-2
Beta 2 release …
Last week in my post The context of "this" in Javascript, I gave an example to test the readers understanding of the topic: var global = 'global example'; function globalExample() { return this.global; } console.log(this.global); //outputs 'global example' console.log(globalExample()); //outputs …
[text-blocks id="knowledge-roundup-preface"]
Articles
http://www.vanseodesign.com/web-design/html5-structural-elements
This is exactly how I feel about HTML5 elements. I've been reading about the benefits of a semantic web for years, but when will we actually see it being used consistently or being …
Understanding the different contexts of this in Javascript is an important step towards truly understanding the language. In addition to its importance, it's also something that has been written about to death. If you're using Javascript, and don't fully understand how the this keyword in javascript …
[text-blocks id="knowledge-roundup-preface"]
Articles
I feel like i've read and listened to this topic a few times recently - but this is the first i've heard of NASA talking about it. Not just talking about it - but having a pretty established plan for how they will do …
Sometimes you want to get a server up and running as quickly as humanly possible. Whether it's trying out a js library where the demos only work with a server, developing a static front-end (stand-alone or for integration with an API) or getting a PHP app up and running without setting up apache or …
This is just a dumping ground for articles/books/tools that stuck out to me over the last week.
Most of the articles I read come from some excellent newsletter sources: Javascript Weekly, HTML5 Weekly, Ruby Weekly, Node Weekly, Database Weekly, and the Code Project Newsletter. Books are from a …
When you're deploying to Github, crafting a helpful and well-formatted README file is a great starting point for people interested in your project. There are lots of Markdown preview tools available (just check for plugins or bundles in your favorite editor/IDE, or an online tool like …
If you're upgrading MySQL from 5.5 to 5.6, you may encounter some issues when trying to insert and update data. For instance, trying to insert an empty string into a decimal value may have worked for you in 5.5, but now throws this in 5.6: Incorrect decimal value: '' for column 'my_decimal_column' …
If you're going to be at Burlington Ruby Conf, tweet at me (@jpcamara) and say hi!