Ben Hutton

The amazingly simple act of delaying naming things in code saves me so much time, effort and produces fabulous results. It's so counter intuitive that something so simple can produce something so surprising. Rules to use this: 1. Get good at the renaming keyboard shortcut, you're going to use it a lot. 2. Get a good simple nonsense naming strategy (e.g. applesauce, blah, pants) 3. If you are spending more than 15-20 seconds on coming up with a name, use a nonsense name (pants, shirt, sock, shoe...) Obviously simple names like "firstName" in the example go ahead and use, if there's a better one later, rename it. Key is don't stress your brain and be quick. Example: You need to create a method that combines first name and last name to return full name. Process (non-tdd): 1. Create a class "Pants". 2. Create a method "shirt" that takes two strings "firstName" and "lastName" and returns a string. 3. Write your logic and return. 4. Now that you are done ask yourself or partner/mob(you get 30 seconds to come up with the best name), "what's is the job of this method?" -> FullNameGenerator. Good enough...rename. Ask yourself, is this good enough or do I need to do more? If yes, give yourself another 30 seconds, if not, go to the class name. 5. What's a good name for the class? (again 30 seconds or less) FirstNameLastNameAggregator? Good enough? Rename. 6. Good enough? Done. Process w/TDD: 1. Create test class PantsTest and method ShouldShirtTest(). 2. Create "Pants pants = new Pants();" 3. create "String actual = pants.shirt(firstName, lastName);" 4. Similar process as above, but I'm now using my IDE to generate/drive the implementation of Pants.shirt(). 5. Run observe failure and fix with simplest possible. 6. Lather/Rinse/Repeat renaming exercise (30 seconds or less, what's a better name for this? rename). 7. Rename method, rename class, rename test variable, rename test method, rename test class. Some of these steps will be done by your IDE. This method, although seems like a lot of work, isn't that much work because I'd frequently rename all the things above...or should have renamed them. I hate doing extra work and find that this optimization saves me time and results in well named code. It also doesn't break my coding flow. What's a good name for this method doing a complex thing? (ponder, tick-tock, 10 seconds) It could be X, Y, Z, XY, YZ, ZX (ding, Slack message...shiny thing...2 minutes later after reading slack). What about XYZ, or ZXY (Slack reply...2 minutes...oh and I ping Paige Watson...6 minutes later). I'm sure everyone knows the drill. Effective naming is one of the hardest things we do as developers. Get good at "good enough" and "emergent". It will save you time and make your code look awesome.

25

19 Comments

Following on from my story about Microsoft Edge moving from React to an "HTML-first" approach, I was contacted by a developer whose team has also made the shift from React’s "overwhelming VDOM" to modern DOM APIs. They immediately saw speed and interaction improvements. https://lnkd.in/edZAwC4C #WebDev #React #JavaScript

100

11 Comments

Do you have a React Native app and want to extend your app into the land of Vision OS? Well look no further than this wonderful little package https://lnkd.in/eGrjCe2K (I have no affiliation). It definitely isn't ready for production use but it's a great step forward in bridging the gap and bringing React Native and VisionOS closer together. I will try it out and share some findings... I feel like I have to because I am doing literally nothing else with my Vision Pro. #ReactNative #VisionOS #Development

8

1 Comment

Gravity Forms lets you easily embed images within your forms using the HTML field. For a full guide on embedding images, check out this week’s YouTube video... https://lnkd.in/eQrQHyBd

1

You have to act now whilst the dev team is still asleep. You can still get 10 articles for free on the new Penfriend whilst they’re curled up in bed. Such is the beauty of timezones. It’s 5am for them. It’s free article’s time for you. Appdev dot penfriend dot ai BUT BE AWARE. When they wake up. It’s go time baby. PRICES GO UP. Dev gets moved to live. And the v2 of Penfriend will be available for everyone to buy. This is literally your last warning to lock today’s pricing in forever. I won’t tell you again. Be the early worm. Get the free articles. Lock in the investment. Edit - 15:50 GMT. You have 12-15 hours before dev moves things over. This is the last update you'll get from me. THE LAST ONE.

24

44 Comments

Here’s our new #BugCrawl report on bugs our QA engineers found in RSNO Astar for Android. Find the report via the link in the comments 🔥 RSNO Astar (Royal Scottish National Orchestra (RSNO) is an app from the Royal Scottish National Orchestra designed to introduce your baby to the enchanting world of music. With this app, users can select from a curated collection of classical music pieces tailored for bonding moments with their baby. RSNO Astar is structured into three sections: Wake, Play, and Nap. “Wake” features gentle music to start the day positively. “Play” offers interactive tunes perfect for singing, clapping, and moving around. “Nap” provides soothing melodies to help your baby relax and drift into a peaceful sleep. We decided to investigate potential bugs affecting RSNO Astar’s performance, and sure enough, we found a few. Let’s delve into them! #qatesting #qa #apptesting #androiddeveloper #androidtesting #manualtesting #QualityAssurance #debugging #musicapp #kidsapptesting

8

1 Comment

Server-Side Rendering (SSR) might sound technical, but it’s a game-changer for your website. Imagine faster load times, improved SEO, and a vastly smaller carbon footprint. Instead of your browser doing all the work, SSR lets the server handle it, speeding everything up. Our amazing team at RY have developed this feature and built it into our Umbraco offering, so all our clients can enjoy these great benefits! I will be covering this and more at Umbraco codegarden next month... #Umbraco #Codegarden #RY Read below!

28

2 Comments

Kent explains how to use the new hooks ​​useFormStatus, useActionState and useOptimistic https://lnkd.in/eNfYqTtW #react

19