Search for [free sex movies for men non blog] in weblog rd

2025 - A Year in Review

2025-12-31T16:15:01-07:00

What a year 2025 has been! From Trish's continuing recovery to Abbie's graduation and Jack's 21st birthday, from epic summer travels to family gatherings across the country, this year has been filled with gratitude, growth, and gorgeous moments.

From last year's review:

I have only one goal for 2025: be grateful.

This goal felt crucial given Trish's injuries at the end of 2024. Her wrist and ankle healed gradually, and by spring she was back to skiing and living life to the fullest. Watching her resilience and determination reminded me to be grateful for our health.

I'm gonna review 2025 using the following perspectives:

Personal

We kicked off 2025 with an incredible family trip to Puerto Rico in early January. Trish went to high school there and had been wanting to take me for years. Abbie, Jack, and my parents all joined us for the adventure. We celebrated my mom's 75th birthday before we left. She's a queen!

The island was everything Trish promised and more. We explored Old San Juan and El Morro, hiked through the El Yunque rainforest (the only tropical rainforest in the U.S. National Forest System!), and kayaked through bioluminescent waters in Fajardo. The trip was paradise, and Trish reconnected with her roots. You can read more in my Paradise in Puerto Rico blog post.

The 2024-2025 Ski Season

The ski season started slowly due to Trish's injuries and a lack of snow. I didn't get out for cross-country until mid-January after we returned from Puerto Rico. My stats for the year: 10 days of cross-country and only 7 days downhill. Not my best season, but every day on the snow contributes to my happiness.

My first day on the slopes wasn't until February 8th, when I skied with my good friend, Matt Good (aka the Professor), at Winter Park. In March, our nephew James visited for spring break, and we hit the slopes together.

You can read more in my Farewell to the 2024-2025 Ski Season post.

21 Years with Hefe the Bus

April marked a special milestone. Twenty-one years ago, I bought a 21-window VW Bus minutes after DU Hockey won a national title. Hefe has been part of countless adventures since then.

Today, 21 years ago, I bought a 21-window VW Bus minutes after @DU_Hockey won a national title. I'm pumped they're trying for another one this weekend! https://t.co/X2emVbkoN8 #GoDU #VWBus #HefeTheBus pic.twitter.com/9OPwjZeGPw
— Matt Raible (@mraible) April 10, 2025

Jack's Internship Search

In April, I shared Jack's search for a summer internship on LinkedIn. The response was overwhelming and heartwarming. Jack is a junior at CU majoring in information science. He just got a job scouting college basketball teams and gathering stats. He's really excited for the opportunity!

Nuggets Playoff Game

In early May, we had a blast at a Nuggets playoff game with the family. Game night was so much fun!

Game night with the family was soooo much fun!! 🤩 #GoNuggets pic.twitter.com/U4jmLad6Tu
— Matt Raible (@mraible) May 4, 2025

Abbie Graduates!

In May, Abbie graduated from the University of Colorado with her degree! We couldn't be prouder of her accomplishments. She had already secured a job as a Product Analyst at Spectrum after an amazing summer internship in 2024. The future is bright for our girl!

Abbie moved back in with us after graduation, bringing her adorable pup Gracie along. Having both of them home has been wonderful, even if Gracie does wake me up every morning for walks!

The Summer of Travel

This summer was absolutely epic. We were only home three weekends between Father's Day and the last day of summer! I wrote a whole blog post about it called The Summer of Travel (2025 Edition), so I'll hit the highlights here.

I moved up to Fraser for the entire month of June with the zoo (two dogs and a cat), enjoying the Fraser River Trail daily. Those Fraser sunsets never get old.

Father's Day brought the fam together for gorgeous golf at Pole Creek. The kids got me a "Best Dad Ever" t-shirt that made me a little emotional.

We rafted Ruby Horsethief Canyon (it took us 8 hours to go 8 miles on day two - next time I'm bringing a motor!), enjoyed Blues From The Top in Winter Park, and loaded up our Suburban for the entire month of July in Montana. My parents' place hosted 15 people for the 4th of July celebration!

We moved to The Last Best Place for the month of July! ??#Montana pic.twitter.com/KQri4NSuT9
— Matt Raible (@mraible) July 1, 2025

The annual Pirates at the Pumphouse rafting trip on the Colorado River never disappoints. Captain Trish commanded Pepples through the rapids like a pro.

Stout the Syncro made it to Del Norte for Rhythms on the Rio and BusCamp. Ed, Karen, Bridget, and the Professor joined us for the weekend of VWs and music.

Next, we headed to Cape Cod, where Trish was in her happy place with family. We celebrated Joe's birthday at New Seabury and enjoyed happy hours on the Spit. Then we moved on to Little Sebago Lake in Maine to visit with Kidder and Norm, my pledge class brothers from 1992!

The highlight of the summer was a five-day raft trip through Desolation Canyon on the Green River in Utah. Dawn, Erik, Chris, Brice, and the whole gang made it unforgettable. We had a wet start but the weather turned gorgeous. This is the kind of trip that reminds you what really matters: time with loved ones, connection with nature, and nights spent under the eternal stars.

We returned from rafting and went straight to Red Rocks the next night for Billy Idol. Trish and Jen are huge fans!

Jack Turns 21!

We headed to Vegas in late August to celebrate Jack's 21st birthday in style. We gifted him five laps in a Lamborghini at Dream Racing on the Las Vegas Motor Speedway. Watching Jack drive that Lambo around the track was pure joy.

The Professor and Dr. Laura joined us for Smalltown for the Cause in Salida afterward. We enjoyed excellent bluegrass music. As summer wound down, we made it back to Fraser to catch the fall colors.

Jack even got a job working Broncos games for ESPN, and we spotted him on TV!

Abbie's 23rd Birthday

In November, we celebrated Abbie turning 23. She's adjusting to life as a young urban professional and bringing joy into our lives every day. Her company has been treating her well, from yoga on Tuesday mornings to golf lessons on Wednesday afternoons. She even got to play in a tournament at Arrowhead Golf Club!

Thanksgiving in Montana

For Thanksgiving, we flew to Montana for quality time with my family. My parents hosted, and we spent the week visiting with great friends, cooking, enjoying the sauna, playing pool at Mike and Mai's, relaxing, visiting local shops, and soaking up mountain time together. My Dad had heart surgery the week before Thanksgiving to put in a cow valve in his heart. He sometimes moos now. 🐮

December Skiing and Winter Fun

December brought snow to Colorado and family time on the slopes at Winter Park. We like to embrace fun, and Abbie joined us by buying a onesie too!

Christmas in Naples with Trish's Family

We wrapped up the year by heading to Naples, Florida to spend Christmas with Trish's family. After all the mountain time, the beach was a welcome change of scenery. The weather was perfect. Sunny and 75 degrees. Our kids got golf clubs for Christmas, so we played golf a lot. We also visited the Revs Institute (an incredible automotive museum), enjoyed many spectacular sunsets, and had quality time with the whole McGinity Clan. All 15 of us, plus three dogs!

You can see more photos from our Thanksgiving in Montana, December skiing at Winter Park, and Christmas in Naples in the Winter Begins 2025 album on Flickr.

Hefe the Bus and Stout the Syncro

Our beloved VWs continued to bring adventure and joy this year. In April, Stout the Syncro saved my life on the way up to Winter Park. I was cruising along in 2WD when the rear wheels started slipping on black ice. We started drifting at 70 mph, first to the left, then to the right, and eventually sideways. As we headed toward the guardrail, I thought, "Oh my, this is going to hurt!" That's when we hit ice again and the back end flipped around. We went down into the ditch backwards and landed with no harm done. The dogs barely noticed.

Stout also loved camping on the Colorado River for Pirates and posing for photos under the spectacular starry night.

Stout made the trip to Del Norte for Rhythms on the Rio and BusCamp, looking magnificent against the Colorado backdrop. The VW community came out in force, and it reminded us why we love these vehicles so much.

Hefe the Bus had a quieter year after his clutch went out at the end of 2024. I wasn't able to get him into the shop until just before we left for Montana in June, and didn't get him back until late September. By then, we'd missed most of the summer shows. But he's back on the road now and ready for adventures in 2026!

The year ended on a high note when Hefe was featured in the Readers' Showcase of the February 2026 issue of Hot VWs magazine! It's an honor to have him recognized by the VW community in one of the most respected magazines in the scene.

Professional

Professionally, 2025 was my first full year at CrowdStrike. I continued to work on developer.crowdstrike.com, creating blog posts, sample apps, and improving documentation about Falcon Foundry, Fusion SOAR, and Next-Gen SIEM. I got the opportunity to speak at Fal.Con 2025 in Las Vegas, which was nicely timed with Jack's birthday celebration.

The work has been rewarding, helping developers understand how to leverage CrowdStrike's APIs and SDKs. I've learned a tremendous amount about cybersecurity, Python, and the Falcon platform. I appreciate the opportunity to work with such talented people at one of the top cybersecurity companies in the world.

Community

I continued my role as co-lead of JHipster, helping shepherd the project through several releases throughout the year. We shipped JHipster v8.10.0 in March, v8.11.0 in May, and ended the year with the v9.0.0-beta.0 release in December. The community remains strong with consistent downloads and active contributions.

On GitHub, I had 2,935 contributions in 2025, with 44% dedicated to code review, 42% to commits, 13% to pull requests, and 1% to issues. I contributed to CrowdStrike's Foundry sample repositories and 73 other open source projects. It's gratifying to see JHipster continue to thrive after all these years. 🤓

The Denver JUG meetings continued regularly, providing a space for Java developers in the Denver area to connect and learn. Even though I wasn't traveling to conferences as much, staying connected to the local community remained important.

2026

Looking ahead to 2026, I'm excited about what's to come. Professionally, I want to push deeper into the Falcon platform's capabilities and help developers solve harder problems. Getting back on stage at Fal.Con and a few other conferences would be the icing on the cake.

Personally, we're looking forward to more adventures. We hope to visit the Ski Chalet frequently throughout the winter and spend the summer riding, rafting, and visiting friends and family in our favorite places. We're heading to the second weekend of Jazz Fest in New Orleans in the spring!

I have only one goal for 2026: live fully.

Living fully means showing up for every moment, whether it's a powder day at Winter Park, a raft trip on the Colorado, seeing live music, or a fun evening at home cheering for the Nuggets with Trish. It means saying yes to adventures, absolutely to friends, and investing in community relationships by showing up. At this stage of life, with the kids building their own paths and our freedom to explore, I want to squeeze every bit of joy and meaning out of each day. Yes, Trish, it’s time for your RV dreams to come true.

I'm grateful Trish is back in the game. Proud of Abbie for launching her career and Jack for chasing his passion. Thankful for family time in Montana and Florida, for gorgeous Colorado and our mountain retreat, and for friends who join us on the slopes, rivers, and at concerts.

If you'd like to stay in touch, please connect with me on LinkedIn or follow me on Flickr where I share photos from our adventures.

Here's to 2026! 🥂

2024 - A Year in Review

2025-01-31T08:44:59-07:00

Last year brought a few challenges and misfortunes. From changing companies to broken bones, Trish and I learned more about ourselves and our abilities than we ever anticipated. I had seven months off from the beginning of February through the end of July. Trish returned to her passion for horses and started competing near the end of my funemployment. A few months later, her saddle malfunctioned, and she found herself with a broken wrist and a broken ankle.

From last year's review:

I only have one goal for 2024: breathe.

I had plenty of time to breathe, so this turned out to be an excellent goal. Whether it was on the ski slopes or mountain biking, I had lots of heavy breathing in the first half of the year thanks to a nice severance package and a zest for adventure.

I'm gonna review 2024 using the following perspectives:

Personal

The year started with a trip to Cabo San Lucas. Trish and I have a friend with a condo down there, so we joined them for a weekend in mid-January. I stayed the following week, working remotely. Another friend flew in, and we golfed on some of the most beautiful courses I'd ever seen: Palmilla and Solmar. Both were all-inclusive, which I didn't even know existed. It basically means that all drinks and snacks are included. On Sunday, we went deep-sea fishing and caught a couple of Marlin. You haven't experienced forearm pain until you've spent 45 minutes trying to reel in a huge fish. The first one got away at the end, but we successfully landed the second one.

Shortly after, my funemployment began.

I started looking for a new gig in April. Since finding a job is often about who you know, not what you know, I flew to Atlanta for Devnexus and networking. There, I attended the JUG Leaders Summit and the Java Champions Summit before the conference. I spoke about micro frontends with JHipster and stayed for the speaker festivities after. You can read about this experience in A Delightful Trip to Devnexus.

The following week, I did a marvelous road trip to the Utah JUG in Stout the Syncro. I skied at Copper, mountain biked at Fruita and Moab, and skied at Snowbird and Alta before my talk. Then, I hit Steamboat and Winter Park on the way home.

We attended our niece's graduation from Michigan in May, watched the Nuggets lose to the Timberwolves in the playoffs, almost won a fowling (bowling with a football) tournament, and my job search started heating up. At one point, I had 15 interviews in one week and interviewing felt like a full-time job.

We did some fun rafting trips on the Colorado River in June. Our rafting family didn't win any permits in the lottery, so there were no week-long trips.

I wrote about our ski season in late June. My only trip outside the Rockies was to a friend's birthday celebration in Sugarbush, Vermont. The conditions were less optimal than I'm used to. When it snowed a foot on the last day, the power went out and the lifts didn't work. 😅

July brought a trip to Montana, my 50th birthday celebration, and Trish started competing with horses again. I started a new job with CrowdStrike at the very end of the month. You can read about these happenings in Life Update: New Job, Same House, and Same Awesome Family!

Jack turned 20 in August. He didn't try out for the CU basketball team, but still plays a lot. Near the end of the year, he made things official with a love interest and is experiencing a whole new range of emotions.

Abbie celebrated 22 in November. It's her senior year at CU and she shocked us over the Christmas break by breaking up with her boyfriend of five years. Her puppy, Gracie, has been a good emotional support companion.

Hefe the Bus and Stout the Syncro

We rested Stout the Syncro again for most of the year, save for my Utah JUG road trip and a weekend adventure to Rhythms on the Rio in southern Colorado. They had a VW-only camping section right next to the stage, which made the community aspect all the more enjoyable.

Hefe the Bus kept truckin' along. He didn't win any trophies at VWs on the Green this year, but we still had a great time.

We did a cruise to Red Rocks with the Colorado VW Bus Club.

And I replaced our mailbox with something more stylish.

Professional

With a new job at CrowdStrike, most of my time was spent getting up to speed on cybersecurity and CrowdStrike's Falcon-related products. I created developer.crowdstrike.com (powered by Hugo) in my first month. I've been practicing Go and Python and published two blog posts:

I've started working on screencasts too, but none have been published yet.

I studied for and achieved a CCSK (Certificate of Cloud Security Knowledge) certification. I also got my CCFA (CrowdStrike Certified Falcon Administrator) certification last week, but technically that didn't happen in 2024.

Speaking

According to TripIt, I took 13 trips to 15 cities in two countries. Only two trips were for conferences: Devnexus and KC/DC. Normally, I'd say they were work-related, but since I was unemployed at the time, community-related is probably a better term.

Community

I continued helping the Denver JUG find speakers and a venue for our meetups. We switched to meeting in south Denver, at Thrive Centennial. This was mostly my decision because they have a larger room and it's closer to my house. We return to Thrive Cherry Creek when the Centennial location is booked.

Projects

The main open source project I worked on in 2024 was JHipster. I became a project co-lead in the spring, mostly to help do releases in a timely manner. JHipster had 10 releases and ~2 million downloads in 2024 (up 700K from 2023). Our most downloaded release was JHipster 8.7.3 on November 1st. We started updating and releasing blueprints before announcing releases.

I love the new website we published on August 28th and releasing JHipster 8.8.0 (with Spring Boot 3.4 and Angular 19 support) on Christmas Eve was a nice way to end the year.

2025

Professionally, I'll be writing (and helping others publish) more blog posts about CrowdStrike's Foundry, Fusion, and Next-Gen SIEM. I might speak at a conference or two. I've submitted to a couple of CFPs and got accepted, but getting approval to speak has been a challenge. As one of the top cybersecurity companies, we traditionally make our documentation and tutorials only available to customers. When folks talk about our APIs and (open source) SDKs, it's at one of our Fal.Con conferences.

My leadership team would prefer I do talks and workshops about Foundry, Fusion, and Next-Gen SIEM. Since these are products we sell, I feel like any talk I'd do about them would be a vendor pitch, even if I live-coded the whole time. This is a no-go for most developer conferences. It should work nicely for Fal.Con, though. And that might be all that's required since it sells out every year.

Personally, our big family vacation already happened with a visit to Puerto Rico in early January. I'll write about that in a blog post shortly. Abbie graduates from CU in May and starts her career this summer. We'll be celebrating, supporting, and planning some adventures with her when she moves back in. We hope to work remotely from Winter Park in June and Montana in July. We figure if we can work East Coast hours, we can have some fun rafting/biking/golfing adventures in the afternoons and evenings.

I have only one goal for 2025: be grateful.

I have a lot to be thankful for with an awesome family, a gorgeous place to live, adventurous hobbies, and fun VWs to drive. And, Trish got us VIP tickets to Dead & Company at the Sphere in May! She started following the Grateful Dead in the 90s with multi-day shows and wanted to finish her long strange trip in a similar fashion.

If you want to stay in touch, please connect with me on LinkedIn or follow me on Flickr.

Life Update: New Job, Same House, and Same Awesome Family!

2024-11-16T09:31:40-07:00

It's been over eight years since I wrote a life update blog post. At that time (2016), we'd just moved into the "Raible Ranch", the bus was finished, and the kids were in high school. I'd just started one of my few-and-far-between full-time jobs at Stormpath.

Fast-forward to today. Our kids are in college at the University of Colorado during the Coach Prime Era, we're empty nesters with an affection for live music, and our pet zoo is cuter than ever.

You probably know me. But in case you don't, my name is Matt Raible, and I'm married to a fabulous woman named Trish McGinity. She's been a hero in my life ever since I met her in 2010. She dazzled me so much, I asked her to marry me at Versailles in 2011. We married in my hometown (Condon, Montana) in 2013, on the most beautiful lake you've ever seen.

When I met Trish, I was an independent consultant, and she was in cybersecurity sales. On a fateful night in 2010, on a friend Jarvis's birthday, I asked her what she had done for a living. She said, "Have you ever heard of OWASP?"

My heart lifted and I felt a moment of joy. This woman was speaking my language! 14 years later and Oh My!, Trish has had an incredible influence on my life and career.

You might think of me as the AppFuse guy, the JHipster promoter, or some dude who talked about Okta a lot. I'm cool with that, but it's irrefutable to say that Trish hasn't influenced my career. She encouraged me to lean into cybersecurity and constantly said I was "doing it wrong" with my carefree attitude toward security.

These days, I'm a Senior Cloud Engineer at CrowdStrike, the foremost cybersecurity company in the world. My previous gig was with Okta, where I spent seven years educating developers about OAuth and OpenID Connect.

I'll admit, I had a lot of anxiety about joining CrowdStrike. In late June, after enjoying funemployment, I had three excellent offers from FusionAuth, Yugabyte, and CrowdStrike. It's the first time in my life that I've had more than one offer at the same time.

The first two opportunities were excellent. But, both had maybe equity. As an old fogey in the twilight of my career, I thought guaranteed equity was a better opportunity. I chose the company trajectory over my passion for open source and Java. I accepted the CrowdStrike offer on July 3rd as we were departing for a 4th of July trip to Montana.

At that time, I felt totally confident about my decision. I was taking the path less traveled and abandoning all my Java celebrityism for a skyrocketing company that was kicking ass and taking names. You're supposed to do things outside your comfort zone, right?

Take the road less traveled.

I was a little worried about the equity though. After all, CrowdStrike's stock price was at an all-time high.

I turned 50 on July 16th. We hosted a backyard party at the ranch the weekend before (July 13th), complete with a local Grateful Dead band. Shakedown Street was excellent and everyone had a good time.

The Incident

On my birthday, while blowing out candles, I wished for CrowdStrike's stock price to drop.

On Friday (July 19th), I woke up to more unread texts than I received on my milestone birthday. A lot of friends were aware that I'd accepted a new job at CrowdStrike and were texting me about an incident.

Apparently, CrowdStrike had just caused a worldwide computer outage. If you were flying that day, you were probably affected. I received more text messages that morning than on my birthday.

My response was positive: this situation will be very good for my equity grant's strike price!

I quickly realized that CrowdStrike was way bigger than I originally thought. There were computer issues at the golf club I ventured into that morning. Their systems were down and they apologized. I smirked, apologized back, and mentioned I recently accepted a job offer from CrowdStrike.

I started working for CrowdStrike on July 29th. 10 days after the incident. I quickly realized that making developers aware of CrowdStrike wouldn't be a problem. Everyone knew about us because of July 19th. In a sense, it was a blessing in my DevRel journey at CrowdStrike.

I worked at Okta for seven years and there were a couple of incidents. CrowdStrike's response was waayyyy different than Okta's.

First of all, CrowdStrike's incident wasn't a breach. It was a bug that they shipped. It was totally their fault. Okta had a full-on breach that they didn't disclose for a month. Regardless of the incident details, as a tech worker for said company, it's a severe morale hit when it happens to you.

That's been one of my biggest struggles. I was extremely proud to join CrowdStrike as a Senior Engineer. Heck, I passed the coding test using Java, and they were a Go shop! When this all happened in June, I was so proud of my non-traditional path to excellence in the tech industry.

I wasn't hired as a senior engineer who cranks out code, maintains functionality, and implements new features. Instead, I was hired as a "Senior Engineer - Cloud" that's focused on DevRel. I'm still a developer advocate, but my title indicates I can still sling some code.

I've been coming up to speed on Go and Python as fast as I can. I've also been doing a lot of CrowdStrike Foundry tutorials, finding/fixing issues, and improving our learning materials as fast as I can. I even published my first CrowdStrike blog post!

Get Started with Falcon Foundry

Now that I've filled you in on the life of Matt Raible, I feel like I've ignored the best parts of my life: Trish, Abbie, and Jack.

Trish continues to excel as the Head of Cybersecurity Communications at Empower. Yes, the Empower that has the naming rights to the Empower Field at Mile High where the Denver Broncos play. We haven't experienced box seats yet, but we're still hopeful. Trish is the star of her team, and it's her favorite job, ever. She's delighted at the fact that I'm asking her if SIEM and SOAR are acronyms or just fancy industry terms.

You're probably wondering if we're evil parents at this point. You've learned about Trish and me, but what about the kids, the pets, and our parents? I mean, this is a life update after all!

The kids are doing great. As a casual blogger, I still managed to post about both of their birthdays this year. Jack and Abbie are thriving!

They're still in school at CU Boulder and enjoying the Coach Prime Era. Abbie's a senior and already has a job. That's quite an accomplishment, and we're very impressed!

Jack's thinking about dating. He didn't try out for the CU basketball team, but he's still interested in making it happen.

The pets are currently spoiled. Trish's best friend, Caroline, has moved in. She takes the two dogs (Daisy and Kai) on daily walks. I tend to like the same activity, and they're very good at pretending it's their first walk of the day with both of us!

Our parents are thriving too! I recently attended Trish's Dad's 85th birthday celebration. He's doing splendid and likes to swim and play tennis daily.

My parents are still loving life in Montana. A friend of theirs has a photo trap set up for wildlife on the homestead. He captures some amazing photos! Check out his website for more fabulous shots.

Trish has more to her story. She's experienced some of the most extreme ups and downs of her life. In July, shortly after we celebrated my birthday, we spent a week in Estes Park. The reason was simple: she wanted to compete in a horse show and I wanted to support her, explore the nearby trails, and visit the local breweries.

We decided to make her lifelong dreams come true and leased the most kick-ass horse she could find. His name is Athos, and he was the horse she competed with in Estes Park. He's 18.2 hands tall, which means he's 6' at the saddle. Trish is only 5'1". They won Reserve Champion on their first collaboration!

Trish and Athos were a match made in heaven. Until they weren't.

A month ago, Trish fell off Athos after a jump in a training lesson. It was a tack failure while demoing a new saddle, and the stirrup strap slid right off. She almost saved it, but proceeded to fall and injure herself badly in the process. When I met her at the ER (Emergency Room), her pain level was 9.5/10 for her wrist and 3/10 for her ankle. She broke both her wrist and her ankle in the same accident. It wasn't Athos' fault, but rather a faulty stirrup bar.

Since this happened, we've learned I'm a terribly grumpy caregiver, she's had her wrist surgically repaired, and her ankle had surgery a week later.

Breaking two bones at the same time really limits your mobility. I wouldn't wish it upon anyone. Trish is optimistic that she'll compete with horses in the future, but she's also realizing it gets harder as you get older.

What's Next?

Trish, Jack, and I have all had midlife crises this year. Trish cranked things up a notch to be a world-class eventer with horses, then got hurt. Jack was going to be an aeronautics engineer, then took a helicopter flight over Glacier National Park and changed his mind. I abandoned all my Java experience and chose CrowdStrike, a Go and Python shop.

Abbie's a senior in college and already has a job. I think she's winning the family badass contest!

We have no idea what's next. But we're proud of Abbie for securing her first job.

As for the rest of us? We'll figure it out. Raibles and McGinitys are known for thriving in the face of adversity. 💪😃

For a photo and video experience of our summer adventures, see my Summer Adventures 2024 album on Flickr.

Farewell to the 2023-2024 Ski Season

2024-06-27T09:30:45-06:00

This year's ski season was delightful! This was largely due to our acquisition of a new condo in the mountains, lots of free time to ski, and some epic powder days with friends. I achieved 30 days of skiing, with 19 being alpine and 11 being cross-country. The season started for me on October 30 when we got enough snow to go cross-country skiing in our backyard.

We didn't make it up to the mountains for downhill skiing until mid-December. That's when we closed on our condo, nicely coinciding with Trish's birthday weekend.

Happy Birthday to my winter-loving Wonder Woman, @TrishPhoto! 🎉❤️ pic.twitter.com/1Ec60gLlN4
— Matt Raible (@mraible) December 17, 2023

I started my Funemployment experience on February 1st and spent the following week in Winter Park, skiing with glee and my newfound freedom. I skied nine days in February, mostly during the week.

In March, I flew to Vermont and went skiing at Sugarbush for a friend's birthday.

We frolicked in Winter Park and Steamboat during Spring Break.

I threatened to not purchase the kids' ski passes for next year if they didn't ski four days. They both fulfilled that obligation in April and we had some fun family weekends on the slopes.

I did a marvelous road trip to the Utah JUG, hitting Copper, Snowbird, Alta, and Steamboat along the way.

We celebrated our final weekend of skiing with a tailgate in the parking lot at Mary Jane on Saturday and a bluebird day on Sunday.

Now we're in the dawn of summer and I'm excited for car show, mountain biking, golf, and rafting season. Hefe looked smashing at the VWs on the Green car show in May!

It's showtime at VWs on The Green! 😃 #vwotg #vwbus #HefeTheBus pic.twitter.com/VG0QcEgvYF
— Matt Raible (@mraible) May 19, 2024

I especially like this photo I captured that afternoon.

We went rafting a few times on the Upper Colorado in June. On Father's Day weekend, the CFS was above 5300!

The mountain biking has been excellent in the high country and the views are magnificent.

I ❤️ Colorado! For more ski season photos, see my 2023-24 Ski Season album on Flickr.

Funemployment 2024

2024-04-30T11:02:06-06:00

On February 1, I woke up to an unexpected email from my employer.

"Today, Okta made the decision to eliminate a number of positions across multiple organizations. Unfortunately, your position has been eliminated as part of this reduction."

Not exactly the kind of email you want to read when you first wake up. But, I'm excited for the future!
— Matt Raible (@mraible) February 1, 2024

I laughed out loud at first, then smiled and felt an overwhelming sense of freedom. I went through a wide range of emotions that morning, but despair was never one of them. As a high performer on my team, I did not expect to be laid off. However, looking back over the last several months, there were a few indicators that it might happen.

I quickly realized the bright side of my situation:

It was the middle of ski season, and
I had nothing to do.

I was laid off on a Thursday morning and was scheduled to leave for Jfokus that Saturday. I was supposed to do a workshop, a talk, and help at the Okta booth. Since my talks used Okta products and it'd be weird to represent a company that just laid you off, I had to back out of the conference. It just didn't feel right.

The reason I had nothing to do is all of the activities I did on my computer were Okta-related. I didn't even have a personal computer. I did all my work on the company laptop and all of my open source contributions had a relationship to my work.

I received many inquiries from my tweet above and my LinkedIn post with the same message. I told everyone I was going to take a couple weeks to process things and skiing was my top priority. I've been unemployed in the past, but I never received any sort of severance, let alone one that lasted for months. I knew that this was the opportunity of a lifetime. Funemployment is the condition of a person who takes advantage of being out of a job to have the time of their life. This is my funemployment story.

First, I headed to Winter Park to stay at our Ski Chalet. There were several powder days and a few friends that joined in the festivities.

I returned home that Friday to attend a local Chi Phi Fraternity reunion in downtown Denver.

Then, Trish and I enjoyed a Pitbull concert at Ball Arena and I sent back my laptop and stickers.

My parents came to visit for 10 days in mid-February. We hung out with Abbie and Jack a few nights, including a night at Casa Bonita, the self-proclaimed "Greatest Restaurant in the World!"

I got a couple more powder days in at the end of February.

My sister proposed we go to Spring Training in Arizona and I leapt at the opportunity. I'd never been before and it seemed like fun. I highly recommend it if you've never been, especially the one in Scottsdale, Arizona. There are several baseball games every day, they're all within driving distance, and the weather is gorgeous.

Before flying home on March 5th, I made sure to announce my plans for the rest of the month. All these trips had been planned for months, except for Spring Training.

Hello, March!

⚾️? Spring Training in Arizona with my sister
⛷️? Celebrating a friend’s birthday in Vermont
🌴 Visiting @TrishPhoto’s family in Florida
☀️ Spring Break with friends in Cabo San Lucas
☃️ Spring Break Part II in Winter Park and Steamboat
— Matt Raible (@mraible) March 5, 2024

My friend Chris Morse's birthday at Sugarbush was outstanding. I expected a bit more snow, but we had fun anyway.

Then, I joined Trish in Naples, Florida for St. Paddy's Day with her family.

We teamed up with Bruce and Janene Snyder for Spring Break. They're empty nesters like us, our kids are both at CU, and shared the same Spring Break. When we originally planned our trip to Cabo San Lucas, we expected our kids might join us. We didn't mind going without them when they declined.

After a week in Cabo, we returned to Colorado and spent the weekend skiing at Winter Park and Steamboat.

2023 - A Year in Review

2024-01-06T18:16:02-07:00

2023 started with a celebration of love in the Philippines. Trish and I traveled with friends to El Nido and Manila to celebrate their 25th wedding anniversary. It was a two-week trip that filled our souls with lasting memories.

2023 was a milestone year for our family. It's the year Jack graduated from high school!

Then, the Denver Nuggets won the NBA Championship, Jack started college at CU, and we became empty nesters. It was quite the year!

From last year's review:

I only have one goal for 2023: be present.

I live where I work, so this was easy enough on a physical level. However, I was forced to be even more present in Q4 of the year. My manager asked me to step up and be more present on my team in October. Then, sickness struck me down in mid-November after seven weeks of travel, allowing for some quality one-on-one time with Trish.

I will look back on 2023 using the following categories.

Personal

The ski season was excellent with trips to Winter Park, Devil's Thumb Ranch, Crested Butte, and Steamboat.

We celebrated my sister's St. Paddy's Day birthday with a week in New Orleans. We visited my parents in Montana for Mother's Day.

Recharging in the backwoods of Montana with family. Started the day with coffee, mimosas, and huckleberry pancakes. ☕️🥂😋

Happy Mother's Day to all the incredible moms out there! ❤️? pic.twitter.com/sjmChuzNpo
— Matt Raible (@mraible) May 14, 2023

We jumped for joy during Jack's High School Graduation at the end of May!

We celebrated our son Jack's high school graduation this week and had a fabulous time with family and friends. Here are a few of my favorite photos.

See the full album on Flickr with Julie and Trish's awesome photos: https://t.co/XSoUZnjOSk

Congratulations, Jack! 🥳 pic.twitter.com/1Ea1LZrFML
— Matt Raible (@mraible) May 27, 2023

The Nuggets playoff run was magical, and our half-season tickets came in quite handy. The Denver Nuggets won the NBA Championship on June 12th. Crying from joy is a wonderful feeling. 🥹

I took a long summer vacation for the fourth year in a row. Thanks, Okta's unlimited vacation policy!

In 24 hours, I'll be starting my summer vacation. @okta has an unlimited vacation policy, and I'm taking full advantage with a month off! 😃

What will I do?

⛳️ Golf, raft, and bike
🛶 Live down by the river in a van
⛰️ Shoot the breeze in Montana
🌊 Tour Cape Cod#LifeAtOkta
— Matt Raible (@mraible) July 13, 2023

I wrote about my summer vacation adventures in Summer 2023: Colorado, Montana, and Cape Cod.

Jack started college at the University of Colorado on his birthday. We loved the Coach Prime and CU football experience in September, while the Broncos were terrible. When CU started sucking at halftime during the Stanford game, the teams seemed to swap fates. We relished in the Broncos winning streak in October and November as our CU football fandom waned.

Abbie turned 21 in early November. We celebrated at the CU vs. Oregon State game and again in Las Vegas the following weekend.

View this post on Instagram

A post shared by Matt Raible (@vwsforlife)

The last months of the year were dominated by real estate transactions. We sold our rental house near the University of Denver in early November.

And we bought a new ski chalet near Winter Park in December. It has mountain views with a river nearby and close proximity to many miles of mountain bike trails. We plan to rent it most of the time. We've experienced many misty-eyed moments of joy in it already.

We spent Christmas in Florida with Abbie, Jack, and Trish's whole family. The sunsets were gorgeous.

Hefe the Bus and Stout the Syncro

We gave Stout the Syncro a lot of rest this year. We bought a relatively new Chevy Suburban as a new tow vehicle for our whitewater rafts. We celebrated our 10-year anniversary by rafting on the Upper Colorado River with both vehicles.

Hefe the Bus purred along with no issues. He won runner-up in his class this year at the Colorado Bug-In!

Professional

For those stumbling upon this post with no context, I'm an open source developer that works at Okta. My title is officially "Developer Advocate Architect" and all the code I write is open source.

This year, my main focus was leading the Java Community team as part of Auth0 by Okta Developer Relations. I worked with Deepu K Sasidharan and Jimena Garbarino to come up with ideas, write blog posts, and author tutorials for the Auth0 Developer Center.

My Americas Developer Relations team has one main function: cultivating relationships with developers via events. Personally, I like creating content more than events, yet I've also found they go hand-in-hand. The content I create often gets turned into conference talks, so I find it important to create new content if I want new talks. I mention this because it's not my main job to produce content. There's another team that does content, but they currently have no Java specialists.

I published two blog posts on the Auth0 blog:

We used the microservices post as the basis for Deepu and my Securing Spring Boot Microservices with OAuth and OpenID Connect workshop at Devoxx Belgium.

On the OktaDev YouTube Channel, I created four screencasts (down from 12 in 2022).

My most popular video was Spring Boot + Vue, with 8.6K views.

My Use React and Spring Boot to Build a Simple CRUD App screencast has 22K views, but it was published on December 29, 2022, so it doesn't count for 2023.

While at Devoxx Belgium, Deepu and I interviewed a bunch of Java community legends.

We had a lot of fun interviewing @errcraft and @Stephan007 at #Devoxx Belgium. 🤩 pic.twitter.com/XtIij77YI8
— Matt Raible (@mraible) October 7, 2023

I did a couple more interviews with the OpenFGA team at KubeCon.

I updated and released new versions of the JHipster and Angular Mini-Books with the help of InfoQ and awesome tech editors.

InfoQ allows publishing them on other sites after six months, so they're both available online at jhipster-book.org and angular-book.org.

Speaking

According to TripIt, I took 21 trips to 37 cities in eight countries. Nine trips were work-related; the rest involved traveling to see family or attending Celebration of Life events. That's three fewer trips than in 2022, and I had 109 days on the road (-14 from 2022). United 1K was enjoyed; I did not qualify for it in 2024.

My Speaker Deck profile shows 18 presentations at 17 events. Thirteen of those were in person. I also attended KubeCon to help the OpenFGA project. My most-viewed presentation was Comparing Native Java REST API Frameworks from the Chicago JUG in August. It had 1.2K views.

While the Midwest and Northeast JUG tours were a lot of fun, the highlight of the year was interviewing James Gosling at Devoxx Belgium.

Digging into all things @Java with the founder himself, James Gosling!

Developer Advocate @mraible had an insightful chat covering @Devoxx, Java and everything in between! 🚀 pic.twitter.com/2pfRIlZVhi
— OktaDev (@oktadev) November 27, 2023

Community

We stopped live-streaming Denver JUG meetups because we wanted to encourage folks to join us in person and grow our community. We're grateful to the folks at Thrive Workplace for donating their space. We hope to start meeting at their new downtown location near Union Station sometime this year.

Projects

I continued to maintain OktaDev Schematics in 2023. The project had four releases. According to npm-stat.com, it had ~42K downloads in 2023 (-20K from 2022).

I updated my Bare Bones Angular tutorial for Angular 17.

I updated my Bare Bones 🦴 Angular tutorial to use #Angular 17.

?? https://t.co/7fsyzOOaNP

It includes:

✅ New syntax for control flow
✅ Standalone components
✅ Unit, e2e, and CI testing
✨ Bonus: Angular Material, Bootstrap, and @auth0

I hope you find it useful!
— Matt Raible (@mraible) December 4, 2023

I also helped with the JHipster project. It turned 10 in October.

Can you believe that @jhipster is 10 years old today?!

Happy Birthday, JHipster! And congratulations to its proud Papa, @juliendubois! 🎊

⭐? 21K stars on GitHub
🤝 52.4K used by
❤️ 696 contributors

It's been an excellent adventure! 🤓 https://t.co/VqZdoDRtBS
— Matt Raible (@mraible) October 21, 2023

JHipster had eight releases and ~1.3 million downloads in 2023 (down 200K from 2022). Our biggest release was JHipster 8.0.0 on November 2nd. We released 8.1.0 in early December, and I updated my Get Started with JHipster 8 tutorial to use it.

My Getting Started with JHipster 8 tutorial is now available!

🤓 https://t.co/6nBfPR33Dk

Features:

🌹 Enhanced UI with Angular
🔐 Increased security with ownership checks
💜 Deployment to Heroku
🤠 CI/CD with GitHub Actions#jhipster #java #typescript pic.twitter.com/xE8Ra9E9w6
— Matt Raible (@mraible) December 14, 2023

I also published a screencast of the tutorial just before Christmas.

2024

Professionally, I'm starting the year with two of my favorite conferences, Jfokus and Devnexus. Then, I'm doing a JUG tour in April to Salt Lake City, Dallas, Tampa, Nashville, and Detroit. I'm trying to make Spring I/O and JNation happen too. September's dev2next is sure to be a fun conference in Denver. You can see where my whole team will be on our events page.

Personally, Trish and I hope to visit the Ski Chalet frequently. The mountains are calling, and we must go. I'll be a half-century old in July. That's sure to be a good party, especially if it's during another month-long summer vacation.

I have only one goal for 2024: breathe.

I often pause, breathe, and smile when I'm skiing, mountain biking, rafting, and frolicking in the great outdoors. Sometimes it's nature's beauty that causes this, but often it's my own satisfaction with the situation.

If you want to watch me connect with developers and opt outside, please follow me on Twitter. I also post pictures of my favorite moments on Instagram and whole albums on Flickr.

Summer 2023: Colorado, Montana, and Cape Cod

2023-10-30T23:45:21-06:00

I've been remiss in writing about my month-long summer vacation. Mostly because life moves pretty fast with Jack heading off to college, things getting busy at work, and lots of wonderful weekends along the way. I'm finally looking around and sitting down to write this post at the end of October. Now is better than never!

This year, I took a month off from mid-June to mid-August. How did I take so much time off? Okta has a magnificent unlimited vacation policy.

In 24 hours, I'll be starting my summer vacation. @okta has an unlimited vacation policy, and I'm taking full advantage with a month off! 😃

What will I do?

⛳️ Golf, raft, and bike
🛶 Live down by the river in a van
⛰️ Shoot the breeze in Montana
🌊 Tour Cape Cod#LifeAtOkta
— Matt Raible (@mraible) July 13, 2023

The adventure started with a birthday golf tournament that Saturday to celebrate my 49th.

We had a nice family dinner at Sushi Den on Sunday.

For the two weeks after that, I went on bike rides and worked on a 10-year anniversary present for Trish: a book about our wedding and honeymoon. I wrote about these events in previous blog posts.

Matrimony in Montana

Because of these posts and pictures, writing the text wasn't difficult, but finding high-res images was. In the end, I succeeded by getting Trish's credentials to her website and finding the photos in her archives.

I wrote the book using Blurb and you can buy a hardcover version of The Good Life, Volume II. I'm proud to say I finished the rough draft just hours before she arrived home from a trip the evening before our anniversary.

The weekend before our anniversary, I went on a father-son rafting trip with Jack and friends.

We made it home in time to show Hefe at the Colorado Bug-In at Bandimere on July 23rd. We ended up winning runner-up in our class! There were lots of magnificent VWs at this event, so I encourage you to checkout my summer vacation album.

We celebrated our anniversary by rafting on the Upper Colorado River with the Pirates of the Pumphouse.

I visited Montana the next week and had fun with my fabulous family and their wonderful homestead.

Our last adventure was to Cape Cod to spend a week with Trish's family. We marveled at the sunsets, went on many boat rides, and appreciated each other's company.

These photos are just a sampling of the 100+ that I polished and published. I think photos are a great way to tell a story, so I added captions to all of them in my Summer 2023 Album.

The JHipster Mini-Book v7.0 Released!

2023-03-07T15:43:37-07:00

The JHipster Mini-Book v7.0 is now available as a free download from InfoQ. Get it while it's hot! 🔥 You can read more about this release on the JHipster Mini-Book blog.

The source code for the application developed in the book (21-Points Health) is available on GitHub.

Thanks to the InfoQ publishing team, Jeet Gajjar for tech editing, Maureen Spencer for copy editing, and Ana Ciobotaru for publishing it to production.

And most of all, thank you Asciidoctor for making the publishing process so easy!

2022 - A Year in Review

2023-02-10T09:34:31-07:00

When 2022 started, I was excited to start traveling again. We started things off with a trip to Mexico and worked remotely from the Cabo San Lucas marina for a couple of weeks. In March, the kids and I ventured to the Cayman Islands for spring break. We arrived home to a red-hot DU hockey team and followed them all the way to the Frozen Four. I went to college at DU, aka the University of Denver, and I'm a proud alumnus.

I made my way to Boston to work on a presentation with a co-worker, nicely coinciding with the Frozen Four tournament. A few friends and I had the time of our lives watching DU win the NCAA championship. After staying up late and celebrating, I felt awful the next day. I flew home and still felt terrible on Monday. Figuring it was a bad cold from over-indulgence, I took a COVID test, tested negative, and hopped on a plane to Devnexus on Tuesday. That week did not end well.

I tested positive for COVID this morning. I'm so sorry to all the people and friends I came in contact with at @devnexus this week. I feel like such an ass.

I thought I was OK because I tested negative Tuesday morning and never lost my sense of taste and smell. https://t.co/lR5tdOM2gP
— Matt Raible (@mraible) April 15, 2022

From last year's year in review:

I only have one goal for 2022: smile more.

I rediscovered one of the things that makes me smile a lot: in-person meetups with friends. I had so much fun at Devnexus seeing old friends from the conference circuit. This continued at Spring I/O in Barcelona and at JavaOne in the fall. Being with family always makes me smile too. A trip to Alaska to celebrate my parent's 50th wedding anniversary was a highlight of the year!

I will look back on 2022 using the following categories.

Professional

For those stumbling upon this post with no context, I'm an open source developer that works at Okta. My title is officially "Developer Advocate," but all the code and words I write are distributed as open source.

This year, I focused on creating YouTube videos more than blog posts. On the OktaDev YouTube Channel, I created 12 videos (same as 2021). My most popular video (11K views) was based on a blog post I wrote in January called Full Stack Java with React, Spring Boot, and JHipster.

I published the Angular Mini-Book 2.0. When writing blog posts, I focused mostly on Java, REST APIs, and JHipster, with a bit of JavaScript too. I authored 11 blog posts on the Okta developer blog:

I published four blog posts to the Auth0 blog.

Last year, I was celebrating new teammates Deepu K Sasidharan, Alisa Duncan, E. Dunham, and Tanay Pant. This summer, I moved to the Auth0 DevRel team and have a plethora of new teammates to collaborate with. I'm excited to help grow Auth0 usage in the Java community, and I'm pumped to work closely with Deepu to make it happen.

I continued to stream meetups for the Denver/Boulder JUG and Denver Open Source Users Group (DOSUG). We used StreamYard and YouTube to broadcast our meetups. We published nine videos to the Denver JUG YouTube Channel. We only published two videos to the Denver Open Source Users Group Channel, but we did meet in-person! We're grateful to the folks at Thrive Workplace for donating their space.

Denver JUG is now up to 3,688 members. Our most popular video in 2022 was from Gordon Weakliem on Coding Interviews for Java Developers.

Speaking

According to TripIt, I took 24 trips, to 45 cities, in 11 countries. 13 trips were work-related, and the rest involved traveling to see family. That's 11 more trips than in 2021, and I had 123 days on the road (+46 from 2021). United 1K was achieved.

My Speaker Deck profile shows 12 presentations at 12 events. 11 of those were in-person. I missed Devoxx France because I caught COVID in April at the NCAA Frozen Four tournament. I later live-streamed my presentation on Comparing Native Java REST API Frameworks. This was also my most-viewed presentation on Speaker Deck with 3.1K views.

I had a full room of attendees for my talk on Reactive Microservices at Spring I/O in Barcelona. Even the overflow room was packed!

My @jhipster talk at @spring_io had a lot of awesome people in it! Thank you all for your enthusiasm and smiles. 😃 pic.twitter.com/u4pOtOSbkl
— Matt Raible (@mraible) May 26, 2022

I had a lot of fun doing a September JUG tour in Ireland. My folks tagged along. It was a fast-moving trip with new hotels most nights. At their age, they'll unlikely join me for a JUG tour again. 😅

We stopped by the @okta Dublin office this morning in the Bloodstone building. Great location with a fun vibe about it. 👍 pic.twitter.com/vvaeswAvT0
— Matt Raible (@mraible) September 29, 2022

JavaOne returned in October and was held in Las Vegas for the first time. I spoke about Micro Frontends for Java Microservices and loved spending time with the Java community.

The community at #JavaOne is amazing! pic.twitter.com/IwOdr3V7gx
— Matt Raible (@mraible) October 19, 2022

Late October brought me to the UK for another JUG tour. It was a lot of fun hosting it at the Okta office there.

It was a pleasure talking with the @ljcjug tonight about web app security for Java developers. The #Java community is strong in London! 💪

Thanks to @OctopusDeploy for sponsoring and @okta for hosting. It was fun to see a full house with all the seats filled by the end. 😃 pic.twitter.com/SmtvRgw1Jh
— Matt Raible (@mraible) October 27, 2022

I originally planned my UK JUG tour to coincide with the Broncos playing in London, but their record was so bad by then that I flew home early. Coincidentally, they won that weekend.

Oktane followed soon after. It was the first time meeting some of my teammates in-person. I wore an { okta } cape and thoroughly enjoyed the developer track we assembled.

Excited for the developer keynote at #Oktane22! pic.twitter.com/Jy2XPDoIxx
— Matt Raible (@mraible) November 9, 2022

In December, we had our first in-person Denver JUG meetup since the pandemic began. It was awesome seeing everyone again!

Had a blast at the @denverjug holiday party tonight! Thanks to all the local @java folks that joined in the fun. 😀 pic.twitter.com/sI9tsbrlk7
— Matt Raible (@mraible) December 15, 2022

We've had a couple of meetups since then but are still looking for a nice venue to gather. Frank Delporte recently interviewed the organizers for the Boulder and Denver JUGs on the Foojay Podcast. Check out Episode #13 if you're interested in hearing about our group's history.

Community

In the past, I used this section to talk about meetups I've started, like Developer Ski Days and Devoxx4Kids Denver. We didn't host any events in 2022, but I might organize a developer ski day soon. Right before COVID hit, we had a ski train to Winter Park adventure planned. It was supposed to happen right after Venkat's dev.next conference. I'd love to try and do that again.

Projects

I continued to maintain OktaDev Schematics in 2022. The project had five releases. I added support for Auth0's SDKs, which helps ensure I know how to use the latest versions. According to npm-stat.com, it had ~62K downloads in 2022 (+2K from 2021).

My other projects are related to JHipster. I helped upgrade the main generator to Spring Boot 3 and did a lot of QA for micro frontends. We had eight releases and ~1.5 million downloads in 2022 (down 300K from 2021). We've worked hard on JHipster 8 and hope to release an alpha version soon.

I spent most of the year (in fits and spurts) working on the JHipster Mini-Book.

My author *finally* finished updating my intro and chapter 1 for @jhipster 7. He started working on this PR in March!https://t.co/R0h09xXle2

What took so long? 🧵
— The JHipster Mini-Book (@jhipster_book) December 2, 2022

I sent the book to tech editing just before Christmas vacation and got it back from the copy editors at InfoQ this week. Hopefully, it'll be available for download by the end of this month!

I helped create the JHipster Native blueprint in early 2022 and wrote about how to use it in Introducing Spring Native for JHipster: Serverless Full-Stack Made Easy. We converted Ionic for JHipster into a blueprint and updated JHipster React Native. I wrote about them both on the OktaDev and Auth0 blogs:

Personal

We started the year with a trip to Cabo San Lucas with my parents and sisters. My parents like to do a "chasing the sun" trip in the midst of winter because they live in the backwoods of Montana, and the sun doesn't shine a whole lot.

I had difficulties getting my passport renewed in March, but succeeded after learning a local government official can help expedite things. Once I got a new passport, Abbie, Jack, and I had a blast with Trish's brother's family in Grand Cayman.

The 2021-2022 ski season was pretty good. This year is shaping up to be much better! I already have 24 days in, and we're only halfway through the season!

For the third year in a row, I took a long summer vacation thanks to Okta's unlimited vacation policy.

In 24 hours, I'll be starting my summer vacation. @okta has an unlimited vacation policy and I'm taking full advantage with a month off! 😃

What will I do?

🏔 A week in Alaska
🤠 A RV trip to Montana
🛶 A week-long rafting trip
🤘 Def Leppard / Mötley Crüe concert#LifeAtOkta
— Matt Raible (@mraible) June 16, 2022

Celebrating my parent's 50th in Alaska was fantastic!

And so was the Colorado Avalanche's Stanley Cup victory. 🥳

We managed to go rafting a lot in July. Five nights camping on the Green River was our favorite trip.

I celebrated 20 years of blogging in August. Jack turned 18 at the end of the month.

I took the kids to the first game of the Broncos' season in Seattle. Their stadium had a sweet view of the city. We did not expect to lose that game.

We enjoyed a beautiful @Broncos sunset in Seattle last night. 😊 pic.twitter.com/OVchzB6zYe
— Matt Raible (@mraible) September 12, 2022

The fall was filled with a disappointing Broncos season, Abbie's 20th birthday, and an even more disappointing CU Buffaloes football season. We have elevated hopes for both the CU Buffs and the Denver Broncos in 2023!

We had a blast celebrating @AbbieRaible's birthday this weekend! 🥳 pic.twitter.com/69AKuDOp17
— Matt Raible (@mraible) November 7, 2022

In the meantime, we're big Nuggets and Avalanche fans and are excited for their playoff runs this spring.

Trish and I ended the year celebrating love in the Philippines.

Hefe the Bus and Stout the Syncro

Stout the Syncro's Subaru engine died in February. Because of this, I decided it was a good time to restore him like Hefe with a new paint job, interior, and other improvements. We hauled him to our favorite Vanagon mechanics, Mr. Mechanic, to install a new Subaru Outback engine. Trish bought me a temporary Tesla to tide me over because we figured the restoration might take six months to a year. I named it White Lightning.

As luck would have it, we couldn't find anyone to do the bodywork and paint, so we ended up getting it back with a new engine in June. After experiencing several expensive adjustments after the new engine, I'm still driving my temporary Tesla, and Stout is parked in our barn. Trish wants to trade White Lightning for an RV (a 20-year dream of hers), while I'm hoping to swap it for an ID Buzz.

The year's VW highlight was the Colorado Bug-In at Bandimere Speedway. Stout won runner-up in his class, while Hefe won the whole kit and kaboodle: Best in Class, Best Interior, and Best of Show!! 😆

I'm back from summer vacation today and feeling fantastic! #HefeTheBus won Best of Show, Best Interior, and his class at the Colorado Bug-In yesterday!!

Winning Best of Show at the Bug-In was a bucket list item for me when I bought him way back in 2004. So proud! 🥳 #vwbus pic.twitter.com/Vm4p1KQNcl
— Matt Raible (@mraible) July 25, 2022

We're still featured on the Bandimere website as the Best of Show winners.

2023

Professionally, I hope to do some JUG tours in the US this year. I joined the Auth0 product unit at Okta in August, and they're much more regionally focused than my former OktaDev team was. This is largely because we have developer advocates worldwide, and it's more sustainable if Deepu hits the Java conferences in Europe while I focus on the US. If you're interested in seeing where my team will be in 2023, see developer.auth0.com/events.

This will be a big year for our family. Jack graduates high school in May, and we'll become empty nesters in August. He got accepted to CU a couple of weeks ago and will join his sister up in Boulder! With Coach Prime on board, we're hoping for some good CU football games this season. Because it's his last six months at home, I'm skipping conferences that happen while he's at our house.

I only have one goal for 2023: be present.

I've noticed that this is easy if I'm playing with friends or visiting family. Putting down my phone, listening, and paying attention on Zoom calls is my jam this year.

If you want to follow along on my adventures, please follow me on Twitter. I also post pictures of my favorite moments on Instagram and whole albums on Flickr.

Questions about JHipster, JHipster Lite, and Spring Boot 3

2022-12-14T08:07:27-07:00

I'm a big fan of LinkedIn. I'm biased because I worked there from 2007-8, have alumni privileges like a free pro account, and learned how to unsubscribe from all their emails over a decade ago.

I communicate with a lot of developers via LinkedIn. I recently received a message from Raymond Meester about the JHipster project. Raymond asked many poignant questions, and I thought it'd be helpful to share my responses with y'all. Of course, I got permission from Raymond before posting this. You can find his blog on Medium.

Hi Matt,

I was reading through some threads on the dev mailing list:

https://groups.google.com/g/jhipster-dev

I'm not part of the dev team, but I thought I just share some of my thoughts with you.

On the mailing list, there is an interesting discussion about JHipster vs JHipster Lite. Personally, I don't fully understand the debate. In my opinion, there could be one base that could be used for several kinds of generators. Say:

- Catered (default)
- A la carte (lite)

As far as I can see (at least that's the case for myself), I have more use cases for the first than the second. Just a generator with a few questions on what type of application and then the frameworks to choose (like Spring/Quarkus/Micronaut for the backend and Angular/React/Vue for the frontend) is enough in most cases.

Now that I am more experienced, I definitely want to use lite as well. It's an exciting project with some smart choices, but I don't think that it will become the majority of the users.

I do think JHL can be a new base for the normal JHipster as well. Only the generator (whether it's the CLI or GUI) on top of it will be different.

JHL could also provide a simple generator where I have the top three choices for a specific technology. Of course, when the architecture of JHipster Lite is set up well, it will be easy to add other choices (by blueprints) or change the default top 3 when popularity of a frameworks changes.

Currently, as far as I can see, there are two separate teams improving both JHipster and JHipster Lite. Good to try out different directions, but in the end, a waste of resources.

What I currently miss in JHipster (the main project) is regular updates. As an end user, I just want the latest versions when generating a new application, but lately there are huge gaps of three months between releases.

I really would like to see a monthly minor version with just dependencies updates (I understand that there is more to be done for major versions like the transition to Spring Boot 3. But even when nothing big changes it is good to have the latest libraries).

I agree with how Julien originally set up JHipster as simple as possible for end-users. But currently, Deepu seems one of the few that still stresses this point.

JHipster as it evolved is not only practicable to try out different frameworks, but also as a base for further development. Contrary to what seems to be the current belief about JHipster, it's not the speed, ease of use or the choices of generation that is the most important feature, but more that for the generated application the architecture is sound, a lot of best practices are used and the code is clean. This saves so much time for me as developer later on.

I also have a question about JHipster Native now that Spring Boot 3 has arrived. Spring removed the Spring Native library, which is not part of the framework itself. What does this mean for JHipster Native?

Keep up the good work!

This was a heavy message to receive early on a Tuesday morning. It was heavy because Raymond's questions were exact, and I thought they deserved a similar response.

> Currently, as far as I can see, two separate teams are improving both JHipster and JHipster Lite. Good to try out different directions, but in the end, a waste of resources.

Possibly, but as far as I can tell, the same people aren't working on the same project. I believe that JHipster Lite was created because Pascal and others understand Java better than JavaScript, and they were lost in the JHipster codebase and wanted a Java version. JHL also emphasizes DDD and is not interested in CRUD, AFAICT.

In reality, I think many of the contributors have had difficulty figuring out how things work. However, we've always had JavaScript heroes to bail us out. In the beginning, Julien knew everything, so he could fix things quickly. Then, it was Deepu - who has admitted to me he rewrote the JHipster core a few times when he was super active. Now it's Marcelo, and I think he's doing a great job.

I don't really look at the JHipster Lite project. I haven't even watched Julien's video from Devoxx, though I've been meaning to.

Marcelo, myself, and many others have done a lot with JHipster in 2022. I've focused on getting popular blueprints in good shape rather than the core. We've released the Spring Native blueprint this year and updates for Ionic and React Native. There's also been quite a bit of work done on the Quarkus and Micronaut blueprints, and I believe those are just a few hours away from new releases.

> What I currently miss in JHipster (the main project) is regular updates. As an end user, I just want the latest versions when generating a new application, but lately, there are huge gaps of three months between releases.

Three months between releases seems pretty good to me! If you're just looking for dependency updates, you should be able to do some of those in your project w/o relying on a new version of JHipster.

I started updating the JHipster Mini-Book in March of this year, and the current 7.9.3 version is the first version that's bug-free enough for me to complete the updates.

> What does this mean for JHipster Native?

It means it's only necessary for JHipster apps with Spring Boot 2.x. JHipster 8 apps will have native support by default since it's built-in to Spring Boot 3. Related to Spring Boot 3: we started upgrading in late September, and I believe we've made great progress. In the past, it's taken us six months to a year to upgrade between major Spring versions. I tweeted our current status recently.

Raymond and I had a bit of back and forth regarding upgrades.

I also think you missed my point on upgrading JHipster on a regular basis (say, a monthly interval).

My idea behind this is as follows:

1. Creating/Generating a new project happens only once, while upgrading happens dozens of times over the lifecycle of the software.
2. Applications (and also JHipster-generated apps) have a lot of dependencies. I rather don't want to manage those dependencies by hand (even with stuff like Dependabot).
3. It's important to be on the latest version for security, fixes, and to make dependencies work with modern frameworks (say JDK17).
4. Dependencies must work together well, and this must be tested.

I work mostly alone on my open source projects. It's my goal to work as much as I can on the 'business code/specific use cases and not be bothered too much about technologies and dependencies.

That's why I think it's so critical to start a project with the latest available dependencies when starting a new project, but also for using the latest versions when upgrading.

I let JHipster upgrade hundreds of dependencies for me. By this I am ensured that they work together and are safe to use, while I only need to focus on upgrading JHipster, instead of single dependencies.

Upgrading JHipster is btw not always that easy. Though I developed some scripts for it now. That's also why I discussed this topic at the beginning of the year on the discussion board of JHipster Lite:

https://github.com/jhipster/jhipster-lite/discussions/512

For now, both JH and JHL focus on generating new projects and not so much on upgrading projects made with older versions. That's fair, but I believe there is still a gap in the market here, just as significant as JHipster once filled for generating projects.

For me, the monthly releases could be just patch releases with only upgrades of minor dependencies (so nothing fancy like a major upgrade to Spring Framework 6/Spring Boot 3). Those major or even minor upgrades (with some added functionality and fixes) could be every three months (minor) or yearly (major).

I know JHipster is a community project, but I think that, for example the predictability of a release every six months with LTS releases is very nice.

I agreed that making upgrades seamless is not our strong suit. I've struggled many times when trying to upgrade 21-Points Health with npx jhipster upgrade. Sometimes, it works. Often, it does not. I think this is difficult to test because it can only be done after releases have happened. I wish I had a better answer. I suggested Raymond use some of his learnings to improve our upgrade sub-generator.

My responses are my opinions. I wanted to see what the JHipster project leads thought of my perspective, so I sent them a draft of this blog post. Pascal Grimaud responded with several excellent points.

> Possibly, but as far as I can tell, the same people aren't working on the same project. I believe that JHipster Lite was created because Pascal and others understand Java better than JavaScript, and they were lost in the JHipster codebase and wanted a Java version. JHL also emphasizes DDD and is not interested in CRUD, AFAICT.

Sorry Matt, but it's wrong. I didn't start JHLite because of technologies, Java or Javascript. It's the same; I don't care. I started JHLite to solve these problems I mentioned more than one year ago.

Problem #1: too many generated files.
Problem #2: hard to customize. Only a few users (less than 10) in the world maintain a blueprint. I know dozens of companies using JHipster (generator-jhipster). And none of them uses a blueprint.
Problem #3: too many options, too hard to maintain, so no new contributors for months. For an open source project, it's really sad.
Problem #4: complex templates.

A real story between a dev and me:
- dev: I found a bug in the SecurityConfiguration class. There is a missing line of code --> "xxxxx".
- me: Nice! We should apply it to our projects. Can you contribute back to generator-jhipster, too, please?
- dev: Good idea, it will be my first contribution to an open-source project! Let me try.
(hours later ...)
- dev: I don't understand. What's this f*cking SecurityConfiguration.java.ejs file?
- me: It's the template for managing security configuration for all existing options.
- dev: Should I apply it for JWT, too? for Session? Should I apply it for reactive too? Should I apply it for microservice?
- me: Yes, and you should test each config, please.
- dev: I don't care about these options, and as it's too complex, I gave up. As you're in the core team, you can do it yourself.
- me: OK, let's apply it only to our projects.

Problem #5: Too many projects, resulting in complex releases.
Problem #6: Yeoman, maintained only by Marcelo.

I started JHLite because:
- I don't use generator-jhipster anymore for my real projects, for real customers, because it doesn't fit.
- JHLite allows me to design my applications around BUSINESS instead of infrastructure.
- Modular approach, so it fits my needs.
- The quality of code, as each module is small, it's easy to have the best quality possible.

> In reality, I think many of the contributors have had difficulty figuring out how things work. However, we've always had JavaScript heroes to bail us out. In the beginning, Julien knew everything, so he could fix things quickly. Then, it was Deepu - who has admitted to me he rewrote the JHipster core a few times when he was super active. Now it's Marcelo, and I think he's doing a great job.

It's a big single point of failure! A big open source project like JHipster needs a community + contributors, not a hero.

Related to JHipster, I recently asked ChatGPT to write a poem about it.

I also asked it to compare JHipster versus JHipster Lite.

Wow, I'm impressed with both answers! 🤩

If you have additional questions about JHipster, hit me up on LinkedIn or ask your question on Stack Overflow with a jhipster tag.

20 Years of blogging!

2022-08-02T13:09:09-06:00

This blog was started on August 1, 2002 — 20 years ago yesterday! It's amazing to look back at my first month of blogging and see how many times I'd post per day. Most posts are only a sentence or two with no comments because Roller didn't have that feature yet.

Other fun facts:

This blog has used Apache Roller and Tomcat from day one.
I've had the same hosting provider, KGB Internet Solutions, the whole time.
I've authored 3,284 blog posts over the years and received 13,970 comments.
Stats show I still get around 5K visits per day, serve up 30-40 GB per month, and receive over a million hits per month.

Thanks to all of you that have read this blog over the years. I appreciate you!

2021 - A Year in Review

2022-01-02T22:38:01-07:00

I didn't expect to travel much in 2021, mostly because of my promise to myself to take a year off. When I got fully-vaxxed in April, I expected things to return to normal and we'd all be traveling to conferences again by early fall.

I'm happy to announce that I'm #FullyVaccinated. Had 2nd @pfizer shot on Apr 14. I feel lucky 🍀 to have experienced no symptoms other than extreme joy. 🥳@TrishPhoto and I just finished a 23-day sugar detox too. We're feeling good!! ✌️ pic.twitter.com/6chqkFbPB7
— Matt Raible (@mraible) April 28, 2021

2021 was a milestone year for our family. It's the year Abbie graduated from high school! We planned and executed a fun party with family and friends at the Raible Ranch in early June.

She did it! Congratulations @AbbieRaible!! 🥳 pic.twitter.com/G1Zz3QTHa4
— Matt Raible (@mraible) June 4, 2021

From last year's year in review:

I only have one goal for 2021: dance more 🕺

When I mentioned this to Trish, she laughed and pointed to our living room, which she recently re-arranged to open up a nice dance floor. I probably danced more in 2021 than 2020, but that's not saying much. My favorite concert this year was Greensky Bluegrass at Red Rocks. It helped that I was with old friends Bruce Snyder and Matt Good and Bruce got us front row seats.

We tried to go to Jazz Fest in October, but it got cancelled because of COVID.

I'm going to look back on 2021 using the following categories.

Professional

This year, I focused on creating YouTube videos more than blog posts. On the OktaDev YouTube Channel, I published 12 videos (-8 from 2020). My most popular video (13K views) was based on a blog post I published in January called Reactive Java Microservices with Spring Boot and JHipster.

I only published five blog posts to the Okta developer blog. You can see that I focused on Spring Boot, JHipster, and GraalVM.

It's interesting to look back and see I didn't author any JavaScript topics. I like to think that's because I spent all my JavaScript time working on the Angular Mini-Book. I smiled a lot after finishing v1.0 in November.

The Angular Mini-Book 1.0 is now available! 🥳

🅰️ https://t.co/JEKxQ2A9hr #angular #typescript #springboot #kotlin pic.twitter.com/MYcXH5fQ1i
— Matt Raible (@mraible) November 17, 2021

My team published 12 JavaScript-related blog posts in 2021. To compare, we published 20 Java-related posts. We hope to publish more posts for both topics and many others in 2022. I'm super excited to work with new teammates Deepu K Sasidharan, Alisa Duncan, E. Dunham, and Tanay Pant!

I continued to record meetups for the Denver/Boulder JUG and Denver Open Source Users group (DOSUG). We used StreamYard and YouTube to broadcast our meetups. We published 10 videos to the Denver JUG YouTube Channel. We only published three videos to the Denver Open Source Users Group Channel, but we did successfully hold two of those meetups in-person! We're grateful to the folks at Thrive Workplace for donating their space.

Denver JUG is now up to 3,618 members. Our most popular video in 2021 was from yours truly on Reactive Microservices with Spring Boot and JHipster. 🥳

In 2020, I published 15 blog posts on the Okta developer blog. In 2021, I only published five. My reduction in content can be explained by a three-month gap in publishing where I worked on updating 200+ blog posts to use the Okta CLI (because our admin UI changed). My lack of thought leadership posts didn't help either. We publish two types of blog posts: thought leadership and conversion. Thought leadership posts tend to be about a hot topic, while conversion posts are usually tutorials. They're usually quicker to write, and I plan to write more in 2022.

Speaking

According to TripIt, I took 13 trips, to 15 cities, in one country (USA). Only a few were work-related. That's three more trips than 2020, and I had 77 days on the road (-8 from 2020).

My Speaker Deck profile shows 16 presentations at 14 events. Four of those were in-person, the rest were virtual.

jChampions Conferences with Ray Tsang
Richmond JUG
JavaLand
Colorado Springs Open Source Users Group
St. Louis Java User's Group
Denver Java Users Group
SpringOne with Brian Demers

Denver Open Source Users Group
The San Francisco Java User Group with Josh Long
ÜberConf
Joker<?> with Brian Demers
Connect.Tech
The Progressive Web Experience
Garden State Java User Group with Josh Long

My most-viewed presentation was Java REST API Framework Comparison from the Progressive Web Experience with 3.1K views.

My favorite conference experience was Summer Tech Forum in Crested Butte. My involvement was inspired by James Ward.

Look ?? -- I found @_JamesWard in the woods today! #CrestedButte #Singletrack #Colorado #SummerTechForum pic.twitter.com/rKbSMbbOa9
— Matt Raible (@mraible) August 18, 2021

I thouroughly enjoyed traveling to San Francisco to speak with Josh Long at the San Francisco JUG. It was a virtual event, but we spoke together from his home.

Let the games begin with @starbuxman! #Java #SpringNative #JHipster pic.twitter.com/0KSRTd89e5
— Matt Raible (@mraible) September 28, 2021

I hope to do more of this in 2022. ÜberConf, Connect.Tech, and the Progressive Web Experience were also in-person. Hanging out with fellow speakers (especially James Ward and Pratik Patel) after speaking was a rejuvenating experience for my soul. 🤗

There's even some #UsualSuspects here! Good to see you @_JamesWard and @knight_cloud. 😀 pic.twitter.com/2CSBTRvG7U
— Matt Raible (@mraible) October 7, 2021

Community

In the past, I used this section to talk about meetups I've started like Developer Ski Days and Devoxx4Kids Denver. We didn't host any events in 2021, but I might try to organize a developer ski day soon.

Projects

I continued to maintain OktaDev Schematics in 2021. The project had 16 releases. Working on it helps me keep up with changes in Angular, React, Vue, Ionic, and React Native and helps ensure I know how to use the latest Okta SDKs. According to npm-stat.com, it had ~60K downloads in 2021.

My other projects are related to JHipster. I didn't contribute anything significant, but I helped QA Micro Frontends support and Spring Boot upgrades. We had eight releases and ~1.8 million downloads in 2021. 🤓

I did not work on the JHipster Mini-Book in 2021, but I hope to update it for JHipster 7 this year. I said that last year, but it's actually on my calendar for February 1. You can watch my progress on GitHub.

Ionic for JHipster had four releases in 2021 and around ~12K downloads.

Personal

My parents are city kids that retired in the backwoods of Montana. They can't explain why they did it, but they know that a chasing the sun trip is part of what makes them happy in the winter. We started doing this family trip in the last few years, starting with New Orleans in 2020 and continuing with Hawaii in 2021.

I was gung ho for ski season last year and rented a condo for six weeks in downtown Winter Park to ski during the week. My stats for the season were decent: 28 days cross-country skiing, 23 days downhill. I had 51 combined days!

Abbie Graduates!

Shortly after ski season is high school graduations. We had a graduate this year and couldn't be prouder of Abbie! Jack was looking pretty suave too.

We enjoyed a rafting trip near Salida on Father's Day.

I took July off and we traveled to Washington, Montana, and Cape Cod.

Abbie moved on to college at the University of Colorado at Boulder. It's been really nice having her close (60 minute drive) and far enough away that she doesn't plan parties at our house. Jack planned his birthday party at the ranch this year. It exceeded all expectations.

We lost one of our cats, Mittens, while we were in Hawaii. Sagan, our crazy border collie, passed away this fall. They both lived full lives and made us smile a lot. 😢

Hefe the Bus and Stout the Syncro

We didn't do much with Hefe and Stout this year show-wise. I did enter both of them in the VWs on the Green virtual show. They both won first place in their respective categories. I have high hopes for more events in 2022! My favorite car-related event of the year was when I talked some fraternity brothers into bringing their cars to a show in my backyard. If you have a classic car and live in Colorado, you should join us next year. Search for "Chenango Car Show". It's typically in early August.

2022

Professionally, I hope to travel a bit this year. Okta is expanding globally, and I'd love to visit Australia and Japan to help make that happen. I have Devnexus, Devoxx France, and Spring I/O on my radar for conferences.

I hope to contribute frequently to JHipster. Microfrontends support works excellent for Angular; I hope to see the same for React and Vue. My Q1 goal is to make Spring Native work with JHipster. I also hope to help integrate GraphQL. I said that last year, but now Spring has official support with Spring GraphQL!

I'll be on summer vacation for a month, once again. It's a tradition I started a couple of years ago to prove that full-time can be as good as contracting (because of unlimited time off). This year's adventure will start with a trip to Alaska to celebrate my parents' 50th anniversary!

Last year, I said I'd like to ski 42 days for both downhill and nordic. Looking back, that seems a bit ambitious. I ended up with 28 days of cross-country skiing and 23 days downhill. That doesn't seem too bad. For 2022, I've purchased both the Epic and Ikon ski passes, and I hope to exceed my stats from last year. Heck, I'll be happy with 20 days of each! The snow conditions have been terrible until two weeks ago.

Last year, we failed to pull any rafting permits. That means we had no lengthy family trips with our rafting family. We had a few day trips, but were often left with a longing for more. Our rafting family is anxious to rendezvous in 2022.

COVID motivated us to become homebodies and our landscaping project turned out quite nice. We now have several beautiful flower gardens, trees, a fabulous fire pit, a basketball court, and a new carport.

I only have one goal for 2022: smile more.

I think that goal will be easily accomplished if I see your smiling faces. I hope 2022 is your best year! 🥳

If you want to follow along on my adventures, please follow me on Twitter. I also post pictures of my favorite moments on Instagram and whole albums on Flickr.

Announcing Angular CRUD 2.0

2021-09-27T16:29:15-06:00

Friends shouldn't let friends write CRUD apps. At least, not by hand. That's why I used a schematic called Angular CRUD in one of my last Angular + Spring Boot blog posts. That post is kinda old (January 2020), but the combination of Angular and Spring Boot remains popular. That's why I decided to turn the series into an Angular Mini-Book for InfoQ.

The book has five different sections:

Build an Angular App
Integrate Angular with Spring Boot
Beautiful Angular Apps with Bootstrap
Angular Deployment
Angular and Docker

My goal with the book is to show you everything you need to get your Angular + Spring Boot app to production. But, what about JHipster?

Of course, you can just use JHipster, but I've found that a lot of beginners are intimidated by all the code it generates. That's why I wanted to create a bare-bones Angular guide that uses Spring Boot for its API.

I published the news on Twitter at the end of June.

I'm happy to announce that I've finished the first draft of the @Angular Mini-Book! After the editing process, you'll be able to find it at a local @InfoQ website.

Hopefully, they'll create a better cover for it. 😅 #angular #springboot #asciidoctor pic.twitter.com/el20GCS24s
— Matt Raible (@mraible) July 1, 2021

As part of creating the book, I updated Manfred Styer's Angular CRUD project and released v2.0. The 2.0 release adds support for Bootstrap and Angular Material for CSS framework aficionados, like me.

You can see the getting started tutorial for how to use it in your projects. To inspire you, I've included some screenshots of the new Bootstrap and Angular Material support.

Angular CRUD + Bootstrap

Angular CRUD + Angular Material

This theme is based on Create a responsive sidebar menu with Angular Material by Zoaib Khan.

Introduction to Angular CRUD Video

I also published an Introduction to Angular CRUD video that shows how it works.

You might ask, "When will the Angular Mini-Book be published?"

We're about halfway through tech editing. I hope to finish that in the next month, pass it on to copy editing, and publish before the end of the year.

Keep an eye on InfoQ's Mini-Books and follow me @mraible on Twitter for updates.

Farewell to the 2020-21 Ski Season

2021-06-02T13:31:07-06:00

This ski season was interesting to say the least. Because of COVID-19, most Colorado ski resorts required reservations in order to ski. This wasn't too painful because we did most of our skiing during the week.

We recognized that social distancing might be an issue on weekends, so we rented a condo in Winter Park for the season. This allowed us to ski weekdays while working remotely. We didn't have it the whole season, just a week every month.

The ski season started for me on November 24, 2020, with some backyard cross-country skiing.

I was super pumped when I drove our Syncro Westy to the condo and discovered it fit in the garage! My first day on the slopes was Friday, December 4th.

The Fraser River Trail was just across the road from our condo, so it was easy to get some cross-country skiing in too.

That weekend, Trish and Jack joined me and we went Nordic skiing at Snow Mountain Ranch's Nordic Center.

We took the day off on Trish's birthday; skiing corduroy groomers in the morning and cross-country in the afternoon.

I'm normally a big fan of taking two weeks off for Christmas and New Years. Since everyone stayed home for the holidays this year, I chose to work through them. I took off the first week in January instead.

I worked in Stout the Syncro in the C-Lot at Mary Jane when I returned in February. That's the day I learned that four hours of Zoom costs about 7 GB in bandwidth. I tethered on my T-Mobile phone the whole time and only had to buy an additional 10 GB (for $10) at the very end. The fresh powder at the end of the day made it worth it!

Hawaii Adventures in Kauai

My parents like to get away from Montana in the middle of winter. Before the pandemic hit, we ventured to New Orleans. This year, we decided to head to Kauai for two weeks. There were many COVID protocols in place for this trip.

We had to have a negative COVID test 72 hours before departure. We had to show those results when we landed in Kauai. Then we had to quarantine in a "resort bubble" hotel for 72 hours. Next, we had to take another test and receive negative results. After that, we were free to rent a car and start our island adventures. Abbie brought her boyfriend, Joseph, and best friend, Rory, along with us.

We left early for the airport because my parents took an at-home test and hadn't received their results yet. Since they had a 3-hour layover in Denver, we figured I could take them to a local Walgreens to get tested and everything would be good to go.

When we were driving to the airport, Trish's engine light came on in her Tahoe. By the time we arrived at the airport, the vehicle was obviously dying. We called AAA to pick it up and I jumped in a Lyft with my parents. The local Walgreens was hesitant to test without an appointment, but we told them our situation, and a manager there did his best to make it happen.

The manager was successful—I received the results on my phone as the plane was taxiing down the runway!

On our last night, Trish and I saw live music for the first time in over a year!

Trish ordered a new lens for her camera when she saw the Albatross nesting nearby. It arrived just hours before we flew home.

March Madness

When we arrived home in March, I headed back to the condo for our week. I arrived late at night and texted the owner to tell him I couldn't get the hot tub to turn on. He texted me back three times before I woke up the next morning. I had the wrong dates! People were checking in that night, so I had to wash all the sheets and get out of there quickly. I got all my work done in the morning and hit the slopes in the afternoon.

I returned the following week and had a blast skiing with my buddy, Bill Lyons. He's been a ski instructor at Winter Park and Mary Jane for decades and showed me some hidden trails. Thanks, Bill!

We'd just returned from Hawaii, so we figured we might be able to skip Spring Break. Then we learned Abbie had senioritis and wanted to rendezvous with her similarly-minded cousins near a beach. Trish's parents have a place in Naples, Florida. Since they weren't using it, we made a plan, bought some tickets, and spent a splendid week with Trish's brother and his family.

The owner of the Winter Park condo offered us a few free nights in April, so Jack and I headed up for the weekend. Just before leaving, Jack approached me and asked, "Do I have to go? It's so boring up there." I agreed with him. It was boring and I liked that. I told him to bring a good book and get in the van. We cross-county skied and had a beautiful day of corduroy runs to end the season.

My stats for the season: 28 days cross-country skiing, 23 days downhill. That's 51 combined days! 😊

Detoxed and Fully Vaccinated

At the beginning of April, Trish and I started a 21-Day Sugar Detox. Abbie, Jack, and I were fully vaccinated by the end of the month, and Trish was well on her way.

I'm happy to announce that I'm #FullyVaccinated. Had 2nd @pfizer shot on Apr 14. I feel lucky 🍀 to have experienced no symptoms other than extreme joy. 🥳@TrishPhoto and I just finished a 23-day sugar detox too. We're feeling good!! ✌️ pic.twitter.com/6chqkFbPB7
— Matt Raible (@mraible) April 28, 2021

The following week, I rode my bike into Thrive DTC and marveled at their remodeling project.

The Graduate

May came quickly and with it, the end of the school. I snapped photos of both kids on their last days.

Abbie graduates from high school this Friday. My family is flying into town today. Trish's arrives tomorrow. We have the VWs all cleaned up, our landscaping/carport/basketball court project is finishing up, and we're grateful for everything that brought us to this point. 🥰

See all 148 photos on Flickr →

2020 - A Year in Review

2021-01-19T16:34:30-07:00

2020 was an interesting year. It started out pretty awesome, then came a global pandemic, a renewed interest in social justice, and lots of political news to keep your blood pressure up. Doomscrolling became a word, and I found myself doing it often.

As a person that travels frequently and speaks at a lot of conferences, there were a lot of changes. The interesting thing is I planned for many of these changes beforehand. From last year's year in review:

I'm going to stop traveling in August for a year. Abbie will be a high school senior and I want to be around for her last year at home.

It seems I timed this quite well! However, I didn't expect most conferences to go virtual. I didn't expect I could still speak at them without traveling. I expected to speak less and have more time for writing. I didn't expect to stay home all the time and have everything delivered. I didn't expect to have to stop hanging out with friends.

I'm going to look back on 2020 using the following categories.

Professional

This year, I focused on creating YouTube videos as much as blog posts. Our YouTube Channel continues to grow much faster than our Twitter followers, so we continue to invest in it. I published 20 videos on the @oktadev channel in 2020. In addition to doing videos about my own posts, I started doing them for posts written by other Java developers. My most popular video was based on a blog post written by Daniel Pereira. In case you're interested, you can watch Java REST API Comparison: Micronaut, Quarkus, and Spring Boot below.

In the first quarter, I continued to record meetups for the Denver JUG and Denver Open Source Users group. This changed quickly with COVID, and we pivoted to using StreamYard and YouTube for our meetups. This made it easier to record sessions because there's no editing involved. Even though it requires less time, I really miss the in-person meetups and after-hours discussions with the community. We published nine videos to the DJUG channel and three to the DOSUG channel.

Denver JUG is now up to 3,608 members. Our most popular video in 2020 was from Venkat Subramaniam on the Qualities of a Highly Effective Architect.

I wrote 15 blog posts throughout the year on the Okta developer blog. We publish two types of blog posts: thought leadership and conversion. Thought leadership posts tend to be about a hot topic, while conversion posts are usually tutorials.

I focused on Angular, Spring Boot, JHipster, Ionic, and the Okta CLI. We added author pages to our blog this year, so you can see all my posts here.

I especially enjoyed writing a four-part series on Angular and Spring Boot:

In particular, I learned a lot from writing the last post. It required collaborating with a lot of folks to make it happen. Kudos to Benoit Sautel for his help with Gradle + Kotlin, Ray Tsang for help with Jib, James Ward for help with Knative, Josh Long for his assistance with Docker + Cloud Foundry, and Joe Kutner for his buildpacks support.

Rather than rewriting this series for new versions every year, I've decided to use it as a foundation for an InfoQ Mini-Book on Angular.

My post popular thought leadership post was Security Patterns for Microservice Architectures. This was a runaway hit shortly after I posted it, and it remains #1 on Google for "microservice security."

Speaking

According to TripIt, I took 10 trips, to 16 cities, in 4 countries. That's 12 fewer trips than 2019, and I had 85 days on the road (-44 from 2019).

My Speaker Deck profile shows 23 presentations at 19 events. Eight of those were in-person, the rest virtual.

Denver Developer Identity Workshop (Okta event)
Jfokus
Jforum Stockholm
Boulder JUG
Denver JUG
Utah JUG
Switzerland JUG
Oktane 20
Frontend Tech Meetup (Sydney, Australia)
All The Talks

Dev Around the Sun
London Java Community
South West Java & JVM User Group (Bristol, United Kingdom)
ATDmag Microservices & APIs Seminar
SpringOne
JHipster Code
JConf.dev
Vaadin Webinar
JHipster Virtual Meetup

I had a lot of fun in February traveling to Sweden for Jfokus and doing a Rocky Mountain JUG Tour with Ray Tsang.

Community

As part of the Rocky Mountain JUG Tour, Ray Tsang and I started a Developer Ski Days meetup. We only had two meetups before COVID shut us down. We were really looking forward to taking the Winter Park Express train after dev.next. I'll make sure to try again when dev.next happens.

We did not host any Devoxx4Kids Meetups in 2020. Since most kids were on screens for school, I didn't feel we should subject them to more screen time. As of this writing, we have 341 members. I sent everyone a survey about doing online meetups in November and only received nine responses. Eight of them were in favor of it, so we might try to do one soon. I'm still looking for someone to help recruit speakers and schedule events.

Projects

I continued to maintain OktaDev Schematics in 2020. The project had 19 releases, added support for Express.js, and made Capacitor the default for Ionic apps. Working on it helps me keep up with changes in Angular, React, Vue, Ionic, and React Native and makes sure I know how to use the latest Okta SDKs. According to npm-stat.com, it had ~36K downloads in 2020.

My other projects are related to JHipster. I helped add OAuth 2.0 support for reactive JHipster apps. I also integrated Spring Cloud Gateway for microservice architectures. We had 12 releases in 2020. I'm blown away that we had almost 2 million downloads. 🤯

I'm proud to see JHipster's ecosystem thriving with blueprints. I try to test them every so often to ensure they have the same quality as the main generator.

I'm proud to say that JHipster 7 is really close to being finished. We had two beta releases in the last month!

I did not work on the JHipster Mini-Book in 2020, but I hope to update it for JHipster 7 this year.

Ionic for JHipster had eight releases in 2020 and around ~7K downloads.

Personal

I got some good ski days in before the pandemic hit with trips to Whitefish Mountain in Montana, Jackson Hole in Wyoming, and Trysil Ski Area in Norway.

I was super excited to travel to JavaLand in Germany in mid-March and hit the slopes in the Swiss Alps with my family after. That was canceled due to COVID, and we took our kids to Florida for Spring Break instead.

In addition to Florida in March, we had several other trips during the pandemic. We road tripped to see my parents in Montana in May. We flew to Boston for our nieces' graduation in June.

I wrote about these trips in 2019-2020 Ski Season, Quarantining for COVID, and a Graduation.

In July, I enjoyed a dream come true and took the whole month off. We enjoyed a family raft trip through Desolation Canyon to begin.

Then, I headed for Montana with my new eBike in tow. I had all kinds of fun biking on my childhood trails, rafting the Blackfoot and the Middle Fork of the Flathead, and golfing with my folks.

My sister and Mya visited, along with Trish and the kids.

Trish and I celebrated our 7th anniversary at a spa in Evergreen. I highly recommend their "Just for Two Escape" package.

I didn't publish many pictures from the rest of 2020, but a lot still happened. Jack turned 16, got his driver's license, and his mom gifted him a car.

Abbie turned 18 and is enjoying her senior year as much as possible.

how it started how it's going pic.twitter.com/iqjpeowFd6
— Matt Raible (@mraible) November 5, 2020

I'll take this opportunity to discuss our COVID close calls. We flew a few times during the pandemic, always wear masks outside our home, and believe in social distancing. We haven't had many close calls until recently.

The first close call was at Abbie's birthday party—a Saturday—in early November. She asked a small group of friends to get COVID tests before the party. They did, but all the results didn't come in. We let her have the party anyway. A positive result came back from one of her friends on Sunday. We thought for sure we'd come down with it since we were exposed. Their school went fully remote on Monday because of the fall surge. All the kids had to quarantine at home. No one caught it except the friend's sister.

Another scare happened a couple of weeks ago when we were up in the mountains. Jack and I ran into some friends on the slopes and joined them for a little après ski after. I hugged a family member that wasn't skiing that day, and they joked, "you don't have COVID, do you?" That was a Tuesday. They tested positive that Friday. Our whole family got tested Saturday, and the results were negative. Phew!

Stout the Syncro and Hefe the Bus

Stout and Hefe didn't get to make the rounds at any car shows this year. However, we did get to do a fun VW cruise with Hefe in early October.

Stout has been a trusty companion when making trips up to Winter Park to go skiing.

2021

Professionally, I don't think there will be any travel this year. Even if there were, I'm not interested until August. I made a pledge to stop traveling last year, and it's easier than ever now. I'm going to try and limit my speaking commitments to one per month and spend more time on mini-books, at least in the first half of the year. I'm still enjoying my 38" monitor and recommend you get one too.

I plan to contribute frequently to JHipster. Now that reactive support is released, I'll be trying to integrate microfrontends support. Why? Because no one wants a monolithic UI fronting their fancy microservice architecture! I also hope to integrate GraphQL, probably as a module to begin.

I'll be on vacation the whole month of July, again. I had so much fun last year; I can't think of a good reason not to do it again. 😃

Last year, I said I'd be skiing, biking, and rafting a lot more. The ski season was cut short, but I've been making up for it lately. I've been cross-country skiing 17 times since Thanksgiving and downhill 14 times. My goal is 42 days for both, but that might be tough if we don't get more snow soon.

View this post on Instagram

A post shared by Matt Raible (@vwsforlife)

When it's warmer, I'll take my ebike out on some trails and giggle to myself as the wind whisks through my hair while riding uphill. I'll take my Yeti out every-now-and-then to remember how hard mountain biking really is.

Rafting should come easy with our enthusiastic rafting family and vacation in July. We're thinking of renting a place near Salida in June so we can raft the Arkansas River after work. If Trish has to go back to an office, those plans could change quickly.

Last year, I wrote that I wanted to get more headspace, spend more time with friends, and enjoy being home. I did a lot of meditating in May (with the Headspace app). I gave it up with the busy summer and haven't resumed since. I'm mostly going with a "just get through this COVID thing" attitude. I really miss hanging out with friends. I look forward to that being a regular thing again.

I ❤️ being a homebody, and we're making some investments to make it even more fun. We have a 3-point basketball court being installed right now and a bunch of planted gardens that we hope will bloom with beautiful flowers this spring.

I only have one goal for 2021: dance more. 🕺

If you want to follow along on my adventures, please follow me on Twitter. I also post pictures of my favorite moments on Instagram and whole albums on Flickr.

July 2020: Rafting, Riding, and Relaxing

2020-08-22T14:05:37-06:00

As an American, have you ever wanted to take a month off like the European's do? I'm guessing you have! For the majority of my career, I've been an independent consultant, with unlimited vacation. Vacation as a consultant means you're not getting paid — so it's not exactly unlimited.

A few years ago, I doubled-down and went full-time. The company was called Stormpath and it quickly morphed into Okta. Okta has an unlimited vacation policy. I felt it was my duty to try to make my kick-ass full-time job as cool as my independent consulting gig. Therefore, I asked my boss to take July 2020 off. I requested this vacation in October 2019. He approved! Randall, you're the best!!

If you'd like to read about our April-June 2020 adventures, see 2019-2020 Ski Season, Quarantining for COVID, and a Graduation.

My month-off adventures started with a family raft trip through Desolation Canyon in Utah. We floated down the Green River with 20 members of our rafting family and had a wonderful adventure.

When we first got a raft, I read that Desolation Canyon is an excellent family adventure. We proved that to be true in September 2014 with a number of friends. On July 2nd, 2020, we embarked upon another spectacular rafting adventure with many of the same folks.

We spent five days on the Green River: motoring, floating, and loving the weather. The first day involved strapping the rafts together and firing up motors to get through the flat parts. I brought a boombox for my boat, so we listened to motoring a few times. Days 2-4 were fun with rapids, but it was pretty mellow for the most part.

We always dress up one night on the river. This trip's theme for costume night was disco!

Trish and I had a couple of goals for this trip. We brought two rafts, each with 2-3 coolers. I wanted to have ice on the last day. She wanted to have ice cold water on the last day. I'm happy to say we both accomplished our goals and I'm happy to reveal our secrets. I lined all three of my coolers with dry ice. Trish put a large water-to-ice bag in her cooler and forgot about it. It was solid ice when we started our trip, and ice-cold, delicious water when we ended. She discovered at the very end of our trip (post take-out) and it was the most delicious water ever. She shared it with everyone and we rejoiced with laughter and joy. It was soooo good and the timing was perfect!

July in Montana - 2020 Edition

We took out of the Green on July 7 and I headed for Montana in my Syncro Westy with a raft in tow. I like to name my vehicles. They're also known as Stout and Bam Bam. I had a new toy with me too, a Trek Rail 7 electric mountain bike. I bought it the night before we left Denver.

My eBike is one of my most satisfying and joyous purchases, ever. I cruised all the Swan Valley trails I grew up riding my BMX bike on — with a huge grin on my face. As I cruised up the hills on Rumble Creek road with the wind in my ears, I had tears of joy. I hooted and hollered like it was a powder day as I sailed through the trails along the Guest Ranch road and through Holland Lake campgrounds.

It was, and still is, a magical experience. ✨

Some call electric bikes cheating. I feel like a kid again and can't wait to go riding every day. Call it what you will, but I'm having a blast! I'll write up a full review on the bike in another blog post. Below are some photos from my riding adventures.

When I wasn't riding, I went rafting. My Dad, Daisy, and I spent a gorgeous day fishing on the Blackfoot river.

We did it again with my Mom and long-time family friends, Mike and Mai.

I had huckleberry pancakes for my birthday, watched the dogs frolic in the creek, and golfed in Bigfork with my awesome parents.

I took my buddy Owen and his family rafting near Glacier Park, on the middle fork of of the Flathead.

My Dad brewed an American Pale Ale beer for my birthday and treated me to a private tasting.

My sister, Kalin, and Mya visited for a week. Trish and the kids road-tripped up as well. We golfed, played on the rivers, and enjoyed the heck out of each other's company.

"What about the wildlife?", you might ask. We saw bears on the rivers of Utah and Montana. We saw bald eagles majestically flying along the river banks of the flathead. Spotting deer was a daily occurrence. Being surrounded by nature and its animals was magnificent.

I invited my Dad to join me for the road trip back to Colorado. He obliged and we drove through Yellowstone Park and by the Tetons in Wyoming.

A couple days later, there was a car show in our back yard and Hefe made an appearance. He didn't win anything because we forgot to register. That's OK, he looked really good!

This marks the third time I've taken a month off in my career. I've always ended up in Montana. I wrote about My Summer Vacation in Montana in 2009 and Matrimony in Montana in 2013. It's simply one of my favorite places on earth. I really appreciate that I can always go back home, ride the trails I did as a kid, and bask in the glow of my parent's retirement paradise.

See all 193 photos on Flickr →

Now I'm back in action, the kids are back in school, and live sports are on TV again. Life is pretty good and I'm pumped to hit all the front range mountain bike trails. I hope you've had a chance to relax and recharge this summer like I did. 😊

2019-2020 Ski Season, Quarantining for COVID, and a Graduation

2020-06-30T23:51:45-06:00

Every spring, I try to publish a blog post about our ski season adventures. As you can imagine, this year was a little different. This year, the ski season ended abruptly in mid-March due to COVID-19. Nevertheless, I decided it'd be fun to write about the ski season we did experience and our adventures since then.

The 2019-2020 ski season started off looking really good. The snow was good enough in October that I enjoyed a day at A-Basin - my earliest ski day ever! In December, I got a few days in. Skiing at Whitefish Mountain over Christmas vacation was a highlight. When I was a kid, it was called Big Mountain and it's where I learned how to alpine ski.

January came along and we spent the first couple of weeks in New Orleans. Shortly after we returned home, I went skiing in Jackson Hole with some friends.

February rolled in and I was able to make some work trips skiing-oriented. To start off the month, I spoke at Jfokus in Sweden. After Jfokus, the organizers planned a speaker's conference at Trysil Ski Area in Norway. There wasn't much powder, but the groomers were fast, and we had fun challenging ourselves on the 45° double black!

Upon returning home, Ray Tsang and I did a Rocky Mountain JUG Tour, book-ended with Developer Ski Days.

March came quickly and I visited Winter Park to make arrangements for a Developer Ski Day after dev.next. Little did I know it'd be my last day skiing for the season.

Visited @WinterPark today to setup lunch and happy hour ?? reservations for the #DevSkiDay on March 28. Can't wait! ??? #devdotnext #day19 #oktadev pic.twitter.com/S1RBynxkaO
— Matt Raible (@mraible) March 2, 2020

I was scheduled to do a speaking tour in Switzerland and Germany in mid-March. The conferences I was speaking at lined up perfectly with our kids' Spring Break. My family was going to join me in Germany and we were planning on skiing in the Swiss Alps for a few days.

Then, COVID cancellations started happening. We cancelled our European vacation and opted for a Florida vacation instead. We flew to Florida on March 15 and returned March 22. Our flights were full. All restaurants and bars were closed in Colorado on March 16. We rented a house with Trish's brother's family in Marco Island and didn't venture out much.

We knew when we flew to Florida that we might have to drive back. That premonition almost came true on our flight home. Just as we were boarding, the Fort Meyers airport intercom announced that all flights were grounded—throughout the United States. I started looking up rental car rates and almost booked it when they announced it was a mistake. The pilot encouraged everyone to board quickly.

Like most of you, we spent April and May at home. Our dogs loved it. Our cats could've cared less.

Life isn't so bad when your badass sister-in-law works at @TildioWinery! ???? pic.twitter.com/fwszHQux6Y
— Matt Raible (@mraible) April 4, 2020

I met with friends on April 29 for an afternoon of golf. I also stopped drinking for 30 days and got in shape with lots of walks and bike rides.

Summer Arrives

We have a long sequence of graduations in our family between our kids and Trish's brother's family. Starting last year, one of our kids will graduate from high school (or college) for 10 years in a row. Pending gap years, of course.

I love graduations and have fond memories of my own. I hatched a plan in mid-May to drive to Boston for our niece's graduation. I wanted to take our Syncro Westy and spend a week getting there. We'd drive through Canada and check out some sites along the way.

Trish had working-on-the-road and road-trip-bathroom concerns, so she started shopping for RVs. When we proposed this plan to Abbie and Jack's Mom, she said she'd like to take the kids to Florida for a week before we left.

That derailed my whole plan because if the kids were flying on planes during COVID, we might as well do the same. Driving wouldn't make us any safer, we figured.

We decided to fly to Boston at the beginning of June. We'd spend the first week quarantining at Trish's parent's empty house in Cape Cod, then unite with our family to celebrate.

Montana Road Trip

Because we were going to be gone so long—and had a week-long rafting trip planned in July—we decided to make a road-trip to Montana to drop our pets off with my parents. My Dad has COPD, which is a respiratory illness, so we were definitely leary about visiting. We got tested for antibodies before we left. Our test results were negative.

R&R in #Montana pic.twitter.com/4Fq51Ncbps
— Matt Raible (@mraible) May 24, 2020

After dropping off our pets, Trish flew home, and I drove home. I worked, took mountain bike rides, and drove for five days through Idaho and Utah. I rode Blue Mountain, Angel Trail (technically in the Wyoming Tetons), Klondike Bluffs, Slick Rock, and Road 18 in Fruita. Slick Rock was a grueling 10-mile 3-hour ride at 97°F. I made sure to start early at Fruita the next morning.

I mostly stayed in RV Parks, since power was key, and so was internet. I wore a mask whenever I filled up with gas and on my mountain bike rides. I didn't see any masks in Montana, Idaho, or Utah. In fact, I got told to "go home" when filling up at 6am in Montana. In Idaho, I got lots of stares because of my mask, but I felt my camouflage pants kept people from saying anything. Moab, Utah was fully open; restaurants and everything.

I arrived home from my road-trip on Friday afternoon and we flew to Boston on Sunday, May 31st.

Graduation in Boston

We flew Southwest and liked the fact that they did not sell middle seats. Upon arrival, we tried to short-cut the quarantine length by getting tested. Trish and the kids got tested for COVID on Sunday night and had their negative results back in 48 hours. Our Boston family appreciated it, but they weren't quite ready to accept us into their home. We had socially-distant happy hours that week, but did not enter their home.

The Black Lives Matter protests were in full-force that week and changed my whole perspective of America. I've been trying to help with donations and mentoring, but I know I can do more.

On Friday, June 5th, I got a swab-in-your-brain COVID test. It wasn't particularly painful, but it did make my eyes water and feel like sneezing for around five minutes. It cost me $160 USD because I didn't have any symptoms. I was tested in my car and got negative results 15 minutes later. This satisfied everyone's fears and we rejoiced with our east-coast family that evening.

The following week, we worked in the mornings and played in the evenings.

Our nieces' graduation was a really fun event. They had all the graduates and their families gather in a parking lot and watch from their cars. The graduates were called up in groups and accepted their diplomas at a distance from one another. Way to go, Shira!

We were impressed by how many people wore masks in Massachusetts. Almost everyone had them on, and if they didn't, they had one in their pocket they could put on quickly. We returned home on June 16th.

Bring on July Vacation!

As I wrote in my year in review, I'm taking July off. We're starting the festivities with a 5-day rafting trip through Desolation Canyon in Utah. We did the same trip in 2014 and had a blast. This time, we'll have twice as many rafts.

We verified our equipment works on the Upper Colorado River during Father's Day weekend.

After that trip, I'm heading to Montana to hang out with my folks. We'll do some rafting, relaxing, and I plan to mountain bike a bunch. I bought an electric mountain bike this week and I'm looking forward to riding it all over the Swan Valley.

I hope y'all have a nice July. I'll be going fully offline—deleting social and work apps from my phone, including email. I'll use my phone to take pictures and communicate with friends, but not much else. I'm looking forward to recharging. I'll see y'all in August! 👋😀

Secure by Design Book Review

2020-05-25T20:11:22-06:00

I recently finished reading Secure by Design by Dan Bergh Johnsson, Daniel Deogun, and Daniel Sawano. I started reading it shortly after I received it as a gift from Dan Bergh Johnsson at Jfokus 2020.

I scored a signed copy of #SecureByDesign from @danbjson at #Jfokus. Excited to read the wisdom in this one! 🤗 #security pic.twitter.com/q0bxIvIwXF
— Matt Raible (@mraible) February 6, 2020

Secure by Design hooked me from the beginning. Chapter 1 dives right in and shows why design matters for security and how security shouldn't be an afterthought. The authors show how developers will have a difficult time grokking security if you make them remember security-related API calls. However, if you bake security into your design and codify your security practices, developers will be more secure by default.

I liked their Java example with domain primitives so much that I used it in my Security Patterns for Microservice Architectures blog post.

Chapter 1 ends with encouragement to view security as a concern to be met rather than a set of features. Design is the guiding principle for how a system is built and is applicable on all levels, from code to architecture. Well-known security threats should drive design decisions in security architectures.

One thing I appreciate about this book is they summarized each chapter's main points at the end. Writing reviews like this one are much easier with summaries. 👍

In Part 2, there's enough domain-driven design to make you knowledgeable, but not dangerous. In Chapter 4, they cover code constructs that promote security, like immutability and validation. Domain primitives are the smallest building blocks of a secure architecture. They can contain many checks above and beyond validation that will keep your developers cranking out secure code. The next two chapters discuss maintaining the integrity of the state and reducing state complexity.

Yeah, there's a lot to digest in this book. I read it over a few months.

Chapter 8 gets into leveraging your delivery pipeline for security and testing. I love that all the code examples in this section used JUnit 5 and were up-to-date with current Java testing practices. I felt like the book was just released last week!

Chapter 9 is an excellent tour of how exceptions can be used in your architecture to indicate failures. Or better yet, design for availability with resilience, responsiveness, and graceful failure handling. The availability of your data and system should be an important security goal and is part of the CIA acronym (confidentiality, integrity, and availability).

Chapter 10 gets into cloud-native thinking and the twelve-factor app. Once you have your apps running with twelve-factor concepts, you can adopt the three R's of enterprise security: Rotate, Repave, and Repair. In short, having an architecture where everything runs in the cloud allows you to take security to the next level, and:

Rotate secrets every few minutes or hours.
Repave servers and applications every few hours.
Repair vulnerable software as soon as possible (within a few hours), and a patch is available.

Part 3 is all about applying what you learned. How do you adopt domain primitives with legacy code? The authors suggest a few different options. Chapter 13 is all about microservices. I found it especially interesting to learn how logs can leak sensitive data and how logging data can be used after-the-fact to be a 2nd-level attack. The final chapter suggests guidelines for security in code reviews, challenging your design with penetration tests, and making security a source of inspiration.

Recommendation: A Strong Buy

I give Secure by Design 5 stars! ⭐️⭐️⭐️⭐️⭐️

I learned a lot of new information about designing secure systems and look forward to using this knowledge in my projects. Cheers to the book's authors: Dan, Daniel, and Daniel. I think you created an excellent security reference book that will help many developers and companies be more secure by design.

2019 - A Year in Review

2020-02-09T20:56:56-07:00

It's time for my year-in-review post! This post sets the record for being the most delayed, ever. Usually, I'm able to get it published by the end of January. Oh well, I hope you enjoy it!

In 2019, I did my best to work hard, play often, and travel to interesting places. I took my Dad to Hawaii, drove through the worst blizzard of my life, traveled to India for the first time, did a UK + Ireland JUG Tour, and indulged in several fun vacations with my family.

We bought some additional rafts for whitewater, rafted in Montana and Colorado, and celebrated a family reunion in Cape Cod. Our classic VWs continued to perform well, and Hefe won his class once again at the 2019 VWs on the Green show. We did have to replace a clutch in Stout the Syncro, but I'm OK with that since he safely transported me through the most treacherous driving conditions of my life.

I'm going to look back on 2019 using the following categories.

Professional

For those stumbling upon this post with no context, I'm an open source developer that works at Okta. My title is officially "Developer Advocate", but all the code and words I write are distributed as open source.

This year I started trying to produce more YouTube videos in addition to blog posts. My team discovered our YouTube subscriber count increases a lot faster than our Twitter followers, so that provided our motivation. I published 13 videos on the OktaDev YouTube Channel. My most popular one was Java Microservices in 20 Minutes with Spring Boot and Spring Cloud.

I upped my videographer skills by learning how to record meetups. I copied Aaron Parecki's portable wireless video setup and started recording Denver JUG and Denver Open Source User Group meetups. We posted the first couple to the OktaDev channel, then decided it'd be better to have the meetups start their own channels. We published 6 to the DJUG channel and 3 to the DOSUG channel. I recommend subscribing if you're into Java or Open Source.

I taught Abbie and Jack how to work the video kit and they've been recording these meetups when I'm out of town. Thanks kids!

I wrote 22 blog posts throughout the year on the Okta developer blog. We publish two types of blog posts: thought leadership and conversion. Thought leadership posts tend to be about a hot topic while conversion posts are usually tutorials. My main topics for the year included Angular, Schematics, JHipster, microservices, and mobile development with Ionic 4 and React Native. Here are some that seemed to be popular.

I wrote a few thought leadership posts too:

Speaking

According to TripIt, I took 22 trips, to 41 cities, in 12 countries. That's four fewer trips than 2018, and I had 129 days on the road (+10 from 2018). I visited twice as many countries in 2019 as I did in 2018.

My Speaker Deck profile shows 39 presentations at 24 events.

Denver JUG
Devnexus
SnowFROC
Great International Developer Summit: GIDS
Denver Microservices
JBCNConf
The Secure Developer (now MyDevSecOps)
Angular SF
JHipsterConf
KCDC
ACGNJ Java Users Group
JavaSIG (New York, NY)

That Conference
Develop Denver
London Java Community
South West Java & JVM User Group (Bristol, UK)
West Midlands Java User Group (Birmingham, UK)
Belfast JUG
JHipster Dublin
Dublin JUG
Cork JUG
Devoxx Belgium
Devoxx Morocco
The Progressive Web Experience

I also attended LavaOne (now UnVoxxed Hawaii) with my Dad. It was during his birthday week, so we played some golf and toured Pearl Harbor after the conference.

GIDS 2019 was incredibly fun with my sister. We hung out with many usual suspects and had a fabulous experience.

I learned how to present without an internet connection and found much joy in serious selfies.

Monday closing crew at #gids19! ???? pic.twitter.com/Axp5uRYqql
— Matt Raible (@mraible) April 22, 2019

I published pictures from Devnexus,

my UK + Ireland JUG Tour,

SpringOne,

and Devoxx Belgium/Morocco.

At SpringOne, I did a talk with Josh Long and James Ward. I've never had so much fun on stage. 😆

I got to do a talk with two of my best friends and favorite technologists, @okta ‘s @mraible and @google ‘s @_JamesWard.

Thanks for making this happen @s1p ! pic.twitter.com/VCB7X7G8v4
— Josh Long (???, ???, ???? ????, ??? ????) (@starbuxman) October 10, 2019

A recording of our talk was published to YouTube.

Community

I was involved in many community activities in 2019. I'm proud to say that Denver JUG won a Duke's Choice Award this year! I flew out to CodeOne for a night to accept the award and celebrate with Java friends.

Wahoo! @denverjug wins a Duke's Choice Award at #CodeOne!! ???? https://t.co/4f7wo9FTPF
— Matt Raible (@mraible) September 17, 2019

We only had two Devoxx4Kids Denver workshops in 2019:

The first one was taught by Abbie and Jack. I taught the second one. It seems I need to do a better job recruiting speakers. In reality, I think it's time to offer the leadership of the group to someone who has more time.

Projects

I developed and released a new open source project in 2019: OktaDev Schematics. It provides a way to add Okta for authentication to Angular, React, Vue, Ionic, and React Native projects. I developed it mostly to make my demos easier. It had 12 releases throughout the year.

My other projects are mostly around JHipster. I support its OAuth 2.0 and OIDC support as best I can, and released seven versions of its Ionic module. Upgrading to Ionic 4 was a big task and I wrote about how to use Ionic 4 with JHipster 6. I recorded a screencast showing how to get started with JHipster 6 and traveled to JHipster Conf.

I did not work on the JHipster Mini-Book in 2019, but I hope to update it for JHipster 7 this year.

Personal

Trish and I journeyed to Jazz Fest in New Orleans. It was my first time and it might become a yearly tradition. So fun!

I was fortunate enough to bring family along with me a few times when traveling for work. Highlights include:

Taking my whole family to JBCNConf in Barcelona. They all speak Spanish, so I knew it'd be a fun adventure.

That Conference with Jack and my nephew, Michael. It was at a water park so the boys had a blast.

Trish and my parents meeting me during my Ireland JUG Tour.

I regret leaving in the middle of a family reunion for KCDC. The location in Cape Cod was fantastic.

Jack got his learners permit to drive in August. He was a little rusty at first, but he's come a long way since. He drives several times a week for practice when he's at our house.

Abbie is now 17 and Jack is 15. They grow a lot when they become teenagers. Jack is the tallest one in our house!

We had a ball with Trish's brother's family and parents in Turks and Caicos. It was part of a double-header Spring Break that started with skiing in Steamboat.

The 2018-19 ski season was fabulous and Stout was quite the hero during our first Bomb Cyclone!

We added two duckies to our rafting fleet so we can take more friends on the river in June. Father's Day on the Upper Colorado was fun with friends, but Chris Morse and the Fesser did have to float through a cold and dangerous class IV rapid. You could say they're were not fans of our duckies.

My Dad made me proud with his cameo in the "What is Okta?" Father's Day video.

We took Abbie's boyfriend, Joseph, with us to Montana for the 4th of July. My Dad and I road-tripped up in our Westfalia Vanagon. We decorated a float for the parade, enjoyed a couple days on the river, and spent some quality time with Owen and Dana.

Trish and I celebrated our 6th anniversary in Estes Park.

Happy Anniversary to us!! #6years ❤️🎉🥰💃🕺 pic.twitter.com/JnzhenOIzI
— Matt Raible (@mraible) July 27, 2019

We stayed at the Stanley Hotel in the "Kissing Cowboy" room. 😱

Trish went big in September and added her own cataraft to our fleet!

We visited Trish's family on the east coast for Thanksgiving.

Christmas at my parent's house in Montana was warm and cozy.

Stout the Syncro and Hefe the Bus

Our classic VWs are surviving and thriving. Hefe won best in class at VWs on the Green for the fourth time. Stout ran well on several road trips and now has a new clutch.

I hope to write a "Story of Hefe" book in 2020 from the pictures and posts on this blog.

View this post on Instagram

All shined up and ready for a cruise down Colfax tomorrow! #vw #vwbus #vwcolorado #hefethebus #vwec #21windows

A post shared by Matt Raible (@vwsforlife) on Sep 28, 2019 at 3:26pm PDT

2020

Professionally, I'll be hitting some new exotic locations. Voxxed Days Zürich and JavaLand in Germany are on my list. JavaLand happens during Spring Break, so we'll be spending a few days skiing in the Swiss Alps afterward.

I plan to speak at Devoxx UK (London), Spring I/O (Barcelona), and Voxxed Days Singapore. I hope to visit with the Java community in Japan as well. If you're interested in seeing where the @oktadev team will be in 2020, check out oktadev.events.

I'll be on vacation the whole month of July. I've always wanted to live like a European and Okta's unlimited vacation policy makes this possible.

I'm going to stop traveling in August for a year. Abbie will be a high school senior and I want to be around for her last year at home.

In 2020, I'll be skiing, biking, and rafting a lot more. I started Developer Ski Days to help with the first. I'm excited that Thrive Workplace has a new DTC location (at Innovation Pavilions). I'll be renting a desk from them and start bike-commuting soon. Our rafting family just applied for several week-long rafting permits. Spending a week on the river is one of our favorite activities!

Last year, I had a bunch of goals with numbers. This year I'm going to try and get more headspace, spend more time with friends, and enjoy being home.

I believe less travel in 2020 will be very rewarding. I might even get Nuggets season tickets. They're pretty good these days.

If you want to follow along on my adventures, please follow me on Twitter. I also post pictures of my favorite moments to Instagram and whole albums on Flickr.

Happy Birthday, Abbie!

2019-11-05T14:03:25-07:00

Abbie turns 17 today! It's hard to believe, but true. For those that've followed me since the early 2000s, you might remember I announced her birth on this very same blog. It's crazy to think that I started this blog just a few months before she was born. Enough about me, what about Abbie?

You could say she's all grown up. She has a part-time job at the Gap, gets excellent grades, and is thinking about college. She's done a couple of college tours in the SE region of the US, and we're touring Tulane when we visit New Orleans in January. She's had a steady boyfriend for a while now. He even joined us on our family vacation in Montana last summer.

Happy 17th Birthday, Abbie! You're awesome!! 🥰

Farewell to the 2018-19 Ski Season

2019-05-25T15:25:37-06:00

Holy cow! 2018-19 was one of the best ski seasons ever!!

It all started in December with some gorgeous powder days and only got better from there.

Trish and I took her birthday off (December 17) and enjoyed a beautiful day with no crowds.

New Years in Winter Park

I planned things like a skiing dad should, and scheduled a family vacation in Winter Park for a week that included New Years Eve. If you've followed me a while, you'll remember that we made our dreams come true in 2011 with mountain views.

Buying the Ski Shack in Winter Park was one of the best things Trish and I ever did. It had spectacular views and provided an opportunity to make another dream come true: 42 days in a season!

Man, that place was awesome. We had to sell it when I joined Stormpath and we bought the Raible Ranch.

We have many fond memories of Winter Park, and some of our best friends live there. If you're familiar with fraternities and sororities, you'll know what I mean when I say my little brother has a place there. Trish's little sister does too. Joe and Chris are special people in our lives and we always have a blast when we get to fraternize with them.

Chris Caldes is incredibly special since she married us in 2013.

We thoroughly enjoyed partying at her house for New Year's Eve and celebrating with a plethora of folks from our rafting family.

Cross-Country Skiing

Not only did the powder fall like mad, but I rekindled my love for cross-country skiing. It was snowing so much in our backyard that I went out and bought x-country skis. Hiking with our dogs (Sagan and Daisy) in our backyard is fun, but skiing is a whole other level. There's bridal paths everywhere, and they're border collies, so I let them run free and we have a ball. It's one of the coolest parts of living in the country.

It all started with x-country skiing at Devils Thumb Ranch over the New Years Holiday.

I also played hooky a few times. My co-workers wouldn't know because I'm pretty productive at work. In fact, one of my favorite stories of the year was on a Friday morning. I'd put in a lot of hours that week and when I joined the team call for the week, my friend Lindsay said "I just hope you're not working!"

That's when I turned on my my video camera and revealed that I was sitting in Stout the Syncro at the base of Mary Jane. Trish and I woke up early, drove to Winter Park, and joined our conference calls as you normally would. The difference was we were skiing fresh powder and grinning from ear-to-ear. That was probably my favorite all-hands meeting of the year.

Multi-tasking at its best: listening to the company All Hands meeting while getting fresh tracks at #MaryJane. ? #PowderDay #LifeAtOkta pic.twitter.com/WNXH5qjWwT
— Matt Raible (@mraible) March 1, 2019

Skiing at Wolf Creek

The other untold story from ski season is about a ski trip to Wolf Creek. I'd was returning home from DevNexus on a Friday night. As we were landing, I saw the powder forecast in Wolf Creek and texted a bunch of skiing friends.

Alonso is in Wolf Creek for the next week. There's 1-2 feet in the forecast by Tuesday. He has sleeping for 8. Road trip!

I received one positive response from my buddy Ryan Moore on Saturday afternoon.

I'm in on WC.

To make it happen, I worked all day Sunday, writing two blog posts in one day. We departed early Monday morning and arrived in Wolf Creek around 1pm. Along the way, I received a reminder that I had a call with a Fortune 500 company who was interested in Okta's API. I had no reception when I received the reminder, but we found three bars 10 minutes later. We pulled over and I took the call like I was sitting at home.

Knee-deep powder greeted us that day, and we had a ball. We stayed with our friends (Chris, Mary, and Luna) that night. Chris Alonso is a very important person in my life. He was the wicked-smart computer science major that I knew in college. He's the one that showed me coding might be a fabulous career and convinced me (by example) that it's what I wanted to do. It was fitting that his newly-built house in Wolf Creek didn't have internet access, or cell phone reception.

On Tuesday morning, I needed to publish a blog post before we hit the slopes. We had a choice: go into town for wi-fi, or head to the ski resort and hope they had cell reception. We figured, "of course they'll have reception at the resort". We woke up at 6 am, left the house by 6:20 and were in the lodge by 7 am.

They did not have cell reception. Nor wi-fi. There was 24" of fresh powder in the last 12 hours.

We were the only ones in the lodge aside from the folks that were opening up the kitchen. A lady mentioned that she had cell reception. I asked her if I could tether from her phone to get an internet connection. She didn't know what I was talking about but lent me her phone regardless. An hour later, I had completed my task of creating a pull request for my blog post to be published.

The lifts didn't open until 10 am that day because of power issues and so much powder.

The powder was thigh-deep and glorious.

Around noon, I had to fix things in my pull request before the blog post could be published. I found the same lady, borrowed her phone again and took up a cross-legged position in the hallways downstairs (near the power outlet) to publish and promote said blog post. I tipped her $40 that day. I doubt she knows how much she influenced my wonderful skiing experience.

The crazy part of the story happened the next day. There was a blizzard warning in Denver and we knew the pass might close at 6 am (for avalanche blasting). We woke up at 5 am on Wednesday to start our journey home. Since Ryan knew the area better, he took the first shift. When we left Chris's house, he asked, "how many miles does the van get to a tank?"

My answer: the most I've done is 266.

His response: we're at 250.

We drove over Wolf Creek pass and found the nearest gas station on the other side. When we arrived, we were at 265 miles on the tank. Phew!

I drove for the rest of the trip and experienced the most treacherous driving conditions of my life. If you live in Denver, you'll remember this as Bomb Cyclone 2019 #1. We had a DJUG meeting scheduled that night, a Java celebrity speaking, and I needed to get back in time for it. The winds and visibility were absolutely ridiculous along the way. There were many times where I had 10' of visibility and the winds were so strong they almost blew us off the road. Following a snow plow just after South Park was a life saver. When we got to Bailey (1 hour from Denver), 285 was not plowed and there was a foot of snow on the road. 4WD and following UPS trucks with chains got us through it all.

While driving through Denver in the blizzard conditions, I realized that it would be a bad idea to do the DJUG meetup that night. My fellow organizers canceled the meetup around the same time. It's nuts to reminisce and realize the April meetup was canceled too (because of Bomb Cyclone #2).

I have another good story that proves how good it was. I bought brand new powder skis at the end of February. The shop was willing to put my old bindings on my new skis, but they needed 2-3 days to do it. For the whole month of March, I never had an opportunity to do it! The powder was too frequest.

Spring Break in Steamboat

We took the kids to Steamboat for the first half of Spring Break and had an absolute blast!

That was our last ski trip for the year. However, it did snow this week, so I did get one last backyard x-country ski in. My only regret is we didn't make it to Crested Butte this year. That's OK, there's always next year!

VWs on the Green 2019

As is tradition, we showed both our awesome VWs in the Denver's annual VWs on the Green Show. We spent several hours polishing both rigs and are happy to report that Hefe won best in his class! He's only lost one year since we've had him finished. That was last year, and Stout the Syncro won, so we're on a five year winning streak. Next year, we plan to show up, enjoy the crowd, and not enter. We've won enough, so we'd like others to have a chance.

For more photos of this year's ski season, see my album on Flickr.

As I write this, I'm on my way to Barcelona for JBCNConf 2019. I'm taking the whole family with me since Trish is fluent in Spanish and Abbie and Jack have been studying it for a few years. On our way home, we'll stop in Boston to see our niece (Morgan) graduate from high school. It's a great start to a sure-to-be fabulous summer. 🌤

GIDS 2019: Adventures in India

2019-05-02T09:54:15-06:00

I had the pleasure of traveling to Bangalore, India last week for the 2019 edition of the Great International Developer Summit. GIDS is a conference that spans five days and has around 5000 developers each year. The conference charges on a per-day basis, and adds the attendees from each day to its total, so it's not huge, but it's pretty big with 1000+ developers each day.

A week before I left Denver, I solicited the advice of my good friend, Scott Davis. I asked him about the weather, the conference, and India in general. He advised me to wear lightweight clothing, no shorts when speaking and be wary of the wi-fi at the conference. He also mentioned the burgeoning microbrewery scene in "the Silicon Valley of India."

I've always been interested in traveling to India. My sister, Kalin, went there as part of her university studies 20 years ago. She studied Buddhism for four months on that journey and even got to meet the Dalai Lama. I thought it'd be fun to bring her along for my first trip to India. We rendezvoused in Seattle on the way, taking the picture below on Friday afternoon, April 19.

We had a long 14-hour flight from Seattle to Dubai. We flew Emirates and enjoyed the service, great seats (for economy), and wi-fi as we cruised over the North Pole. We had dinner at the Hard Rock Cafe in Dubai, then hopped on a four-hour flight to India. When we finally arrived at 3:00 am on Sunday, we were greeted with gifts in our room and a fresh slice of cake! Thanks to Dilip and Indu from Saltmarch for making us feel so welcome on our arrival.

We slept for a few hours after arriving, then met several of the GIDS speakers for a late breakfast. It was like a No Fluff reunion! If the names Venkat, Brian, Raju, Davis, Carducci, Stine, and Pratik sound familiar, you know what I mean. I quickly learned that Bangalore's name is actually Bengaluru, the British changed it to Bangalore during their rule.

After breakfast, Kalin and I took a car from the hotel and visited the Bangaluru Palace, followed by a stroll in the Lalbagh Botanical Gardens.

That evening, we joined some wonderful friends for dinner at Bangalore Brew Works. Bangalore Brew Works was my favorite restaurant on the trip. It was an open-air roof-top patio with cold, delicious beer, and spicy bites.

On Monday, it was time to go to work. I had four talks at GIDS; two on Monday. The conference started with Scott Davis and John Bruce having a fireside chat about the web. I'd just seen Sir Tim Berners Lee (John's co-founder at Inrupt) speak at Oktane 19, so I was delighted to hear from them both in the same month. Solid sounds like a very interesting concept, but I have not tried to build my own app with it, yet.

From there, it was kind of a blur. I'm not the kind of speaker that talks several times at a conference; I'm used to just one or two slots. I tend to do a lot of talks about Java and JavaScript. Since both have been innovating rapidly lately, I like to update my talks just before so they're up-to-date. For three days, I was updating presentations, practicing demos, and delivering talks. It was exhausting, but nothing like the other speakers. Several speakers had 10+ sessions and did a full-day workshop on Friday! 😳

My Presentations at GIDS

My first talk was "Front End Development for Back End Developers". I enjoy giving this talk because it doesn't have any live coding, but it packs a lot of information into 60 minutes. I published my slides on Speaker Deck and I believe it was recorded.

Monday afternoon, I spoke about JHipster and showed how to build a simple monolith from scratch. Since the wi-fi was spotty to non-existent, I had to do my demo with no internet connection. If you've used JHipster in the past, you know this can be a challenge. In the end, it seemed to go well, and I got lots of laughs as I progressively donned hipster clothing attire. You can find my presentation on Speaker Deck or view it below.

Monday evening, we gathered with conference friends at JetLag Bar and Grill and enjoyed the rooftop ambiance with the pulsating sound of house music.

Dinner at Jetlag Bar for the jetlagged peeps @CGuntur @mraible Kalin @scottdavis99 @MichaelCarducci Mrs. Carducci @BillyKorando @prpatel pic.twitter.com/hj6w7jEpmF
— Mary Grygleski (@mgrygles) April 22, 2019

On Tuesday afternoon, I spoke about bootiful development with Spring Boot and React. A couple of hours before the talk, I went to practice my demo and realized that I hadn't updated it in quite some time. I scrambled to update my demo script for the latest versions of Spring Boot, Create React App, and Okta. After updating and practicing, I prepared my laptop to do the demo without an internet connection.

When I started my demo, I planned on the internet failing, but I figured I'd show the audience first. In the midst of failure, one of the room hosts told me there was a backup wi-fi, got me on it, and away we went! You can see my slides on Speaker Deck or peruse them below.

Tuesday evening we gathered with folks from Oracle, Red Hat, IBM, and BNY Mellon at the Biere Club. They served excellent craft beer, yummy appetizers, and we laughed our way into the night. We particularly enjoyed our selfie at the end of the night.

Monday closing crew at #gids19! ???? pic.twitter.com/Axp5uRYqql
— Matt Raible (@mraible) April 22, 2019

Explanation: when my sister and I were strolling around the botanical gardens, we noticed a strange phenomenon we hadn't seen before: there were more men taking selfies than women. We also noticed that while the women were smiling, all the men were very serious in their photos. When in Rome!

I had my final talk about microservices with JHipster and OAuth on Wednesday morning. I'd just finished upgrading JHipster to use Spring Security 5.1 a couple of weeks prior, so I was eager to show it off. I used JHipster Registry and its Spring Cloud Config support to show how you can switch from Keycloak to Okta (or any IdP) by configuring just three Spring Security properties. Since your gateway and microservices are all configured to read from the registry on startup, you can configure your OIDC provider in a single location! You can download my presentation or view it below.

We retreated to our hotel on Wednesday afternoon, enjoyed massages gifted by Saltmarch, and I savored a cold beer at the patio bar.

This picture above is the last picture I took with my phone. When I was at the gym on Thursday morning, the screen started flickering on and off with hints of green. The screen was borked. I was hoping to use it for photos but decided it might be nice to have a break from having a phone.

Thursday afternoon, we toured the Bannerghatta National Park (aka the Bengaluru Zoo) with Ray Tsang. It was hot, the animals were exotic, and the safari tour was fast and furious. We had a fabulous time.

On Friday, Kalin and I headed to Mysuru (formerly Mysore) to see the sights. We hired a driver from our hotel for the three-hour drive. We visited a summer home of the rulers from the late 1700s, toured the Sri Chamundeshwari Temple, strolled through the Mysuru zoo, and took a quick tour around Mysore Palace. Unfortunately, I don't have any good pictures of our adventure.

You can find all the pictures in this post, and a few more, in my GIDS 2019 album on Flickr.

My first time speaking at GIDS was a lot of fun. Traveling to India with my sister was a special experience. Networking with developers, speakers, and old friends was fantastic. I told Kalin at one point, "the days are hard and rewarding, but the nights are spectacular." It's true. GIDS 2019 was a fantastic adventure with wonderful people.

2018 - A Year in Review

2019-01-29T13:25:24-07:00

In 2018, I spoke at several fantastic meetups, traveled a bit overseas, and enjoyed some fun family vacations. We had the time of our lives driving Hefe in the Denver St. Paddy's Day Parade!

We traveled to Crete for JCrete and had a blast with the Java community. We journeyed to Ireland with my folks, and I thoroughly enjoyed a speaking tour of Ireland JUGs and the Dublin JHipster Meetup. Our classic VWs had a great year with only minor repairs needed.

I'm going to look back on 2018 using the following categories.

Professional

For those stumbling upon this post with no context, I'm a veteran open source developer that works at Okta as a developer advocate.

This year I focused on blogging more than speaking. I still spoke a fair bit, but I tried to focus on meetups more than conferences. The DevEx Team at Okta released a slew of SDKs at the end of 2017, so I had plenty to write about. Over the year, I found more and more developers had heard of Okta during my talks. I even found users in most audiences! This was quite a change from 2017, so it seems my team's advocacy efforts might be working.

I wrote 29 blog posts throughout the year on the Okta developer blog. We publish two types of blog posts: thought leadership and conversion. Thought leadership posts tend to be about a hot topic while conversion posts are generally tutorials. I wrote a series of posts on PWAs with Ionic + Angular and Spring Boot. The series started in January and ended in July.

I also wrote a number of posts on JHipster, starting with Ionic for JHipster. Then I transitioned to microservices and showed how to build a Spring microservices architecture with Spring Security and OAuth 2.0. I felt this was important, as it's the same basic architecture that JHipster uses.

I published Develop a Microservices Architecture with OAuth 2.0 and JHipster, and had two more JHipster posts about its React and React Native support.

I learned about React and React Native from research I did while writing previous posts.

I stayed current on the latest releases of Angular and Spring Boot because I ❤ them both!

I heard from several developers that they wanted to use Okta with their Java apps, but they weren't using Spring. Or they were using Spring MVC, but not Spring Boot. I wrote Build a Java REST API with Java EE and OIDC to show a few authn/authz techniques: JWT validation, using Spring Security, and using Pac4j.

I had a blast in August and September collaborating with Josh Long about going Full Stack Reactive with Spring WebFlux and React. Josh authored his parts with AsciiDoc and forced me to integrate Asciidoctor support in our blog. It took awhile, but I was thrilled with the result. Now I get to author all my blog posts with AsciiDoc! 🎉

I played with other new technologies in 2018, namely GraphQL and TypeORM, Electron, and Vue with TypeScript.

The Super Epic Advocacy Battle!

I was super motivated to write a bunch of blog posts in June and July because I was having a "most views" contest with Randall Degges. The contest started after I mouthed off that I thought I could outperform him in the waning hours of our Oktane 2018 conference. He accepted my challenge and we competed for two months. He wrote mostly thought leadership posts, I wrote mostly tutorials. Long story short: he won. I had to wear gold pants the week of CodeOne for my lack of winning.

Hanging out at Oracle Code One conf with my buddy @mraible and his amazing MC Hammer pants.

I wonder why he's wearing them? :D

He's about to get onstage to talk about micro services <33333 pic.twitter.com/syoiIeSDMc
— Randall Degges (@rdegges) October 22, 2018

If only I'd published 10 Excellent Ways to Secure Your Spring Boot Application earlier in our contest. I collaborated on it with Simon Maple, and it seemed to be popular.

I wrote a few other thought leadership posts throughout 2018:

Speaking

According to TripIt, I took 26 trips, to 37 cities, in 6 countries. That's three fewer trips than 2017, and I only had 119 days on the road (versus 141). By my count, I spoke at 20 events.

JHipsterConf was especially fun because I took my son, Jack, with me.

I had a wonderful time this week in Paris and at @jhipsterconf. Many thanks to the @java_hipster developers, community, @juliendubois, @deepu105, and @ippontech for making it all possible! #JHipsterConf pic.twitter.com/61ZfRZxg8G
— Matt Raible (@mraible) June 23, 2018

I also attended a few conferences that I did not speak at: Iterate, JCrete, and Monktoberfest. All of these were special in their own ways. JCrete was an unconference in an exotic location (Crete, Greece) and was a fantastic experience. I learned that 1) it's important to rent a car if you bring your family and 2) an unconference is what you make of it. Put a lot into it, and you'll get a lot out of it. As a speaker, I think it's a fantastic conference format because it's an excellent networking atmosphere. You can also learn a lot if there are peers with expertise in the topic you're interested in. Monktoberfest also provided next-level networking.

Community

I was involved in many community activities in 2018: Devoxx4Kids Denver, Denver JUG, Denver Microservices Meetup, and I attended a few DOSUG meetups too.

We had three Devoxx4Kids Denver workshops in 2018:

Thanks to Kaitlyn Hornbuckle, James Sablatura, and Cassandra Chin for teaching these classes.

Finished training Denver Pokémon Trainers at #Devoxx4Kids. Gotta catch them all! @mraible @melissajmckay pic.twitter.com/zQSbIdH7Zb
— Cassandra Chin (@tingsterchin) December 9, 2018

We announced the 2018 Denver JUG Rock Stars at our December meetup. Venkat, David, and Jeff were voted as the group's favorite speakers. Y'all were excellent! Thanks for adding DJUG to your schedules.

At this week's @denverjug, we announced the Denver JUG Rock Stars of 2018. If you want to be entertained, intrigued, & educated: @venkat_s, @dblevins, and @jeffscottbrown are three of our favorite speakers. #denverjug #rockstars #java

Thanks to @oktadev for sponsoring trophies! pic.twitter.com/uTNcDZVCFi
— Matt Raible (@mraible) December 14, 2018

Projects

My projects these days are mostly around JHipster. I supported its OAuth 2.0 and OIDC support as best I could, and released five versions of its Ionic module. I wrote about how to use Ionic with JHipster in late January. I recorded a screencast showing how to get started with JHipster 5 in June.

We released the JHipster Mini-Book version 4.5 in April and version 5.0 in November. I published a Pluralsight course on developing microservices and mobile apps with JHipster in April and released 21-Points Health 5.0 in October.

Personal

This year was a mix of work your ass off and try to have fun at the same time. There were many times when we wished we were home, but the times on the road were grand. I suspect this will be a constant battle for Trish and I. We love to be home, but we love to explore new places. If old friends gather with us at home or in new places, it's bound to be a fantastic evening!

The biggest change was Abbie became a driver. For those parents with kids that have to chaperone endlessly throughout the weeks and weekends, you know this is a BFD! As of December 27, 2018, Abbie's now the captain of the ranch-to-school ship. She even drove in the blowing snow yesterday!

There were many highlights in 2019. My early favorite (that makes me tear up as I write this) is Hefe 3.5.

My daughter observed the other day that most people are frowning when they’re driving. I’m not one of this people. In fact, I have to wear sunglasses to hide my tears of joy! 🤣 #HefeTheBus #21windows pic.twitter.com/0LWaQkjZlx
— Matt Raible (@mraible) March 14, 2018

We had a blast with Trish's parents during Spring Break in Florida and squeezed in a day trip to Disney World.

The 2017-18 ski season didn't bring a lot of snow, but our ski trip to Utah was wonderful!

Trish and I celebrated our 5th anniversary at JCrete. I hope the next five years are as adventurous as the last five!

Happy Friday! We’re having a blast celebrating our 5th anniversary in Greece. 😃 #JCrete pic.twitter.com/yMzphpNhnj
— Matt Raible (@mraible) July 27, 2018

Jack turned 14, and Abbie turned 16. I'm proud to say they're both fabulous humans. 😊

If you want a glimpse of my backwoods childhood (without electricity) in Montana, see my Life Update: Thanksgiving in Montana, RWX2018, Devoxx4Kids, DJUG, and Trish's Birthday post.

2019

Professionally, I'm planning to travel a bit more to exotic locations. Atlanta, San Francisco, Paris, Bangalore, Barcelona, and Kansas City are on my list (before August). The Developer Relations team at Okta is a fantastic place to be. As many of y'all know, the best thing about a job is often your boss. Mine is Randall Degges. He's a legitimate badass hacker. Don't try to win a popularity contest with him. There's a good chance I'll be at Okta as long as he's my boss.

On the developer relations team, we set our own schedules, plan our own interests, schedule our own conference appearances, and sponsor our favorite local events. Being a developer advocate is a gratifying job. You can write about your favorite open source frameworks, attend/sponsor local meetups, and learn new things every day! If you happen to be #devrel folk (or a like-minded awesomeperson), you might like my Pro Tips for Developer Relations.

Personally, I'd like to ski, raft, bike, and have a good time in 2019 a lot more! Y'all know I won't have any problem with the last one, but its predecessors are the ones that really make me smile. Skiing down a chute, rafting through a class IV, and biking in Moab are some of the most exhilarating activities I've ever experienced. I'm getting a bit older (44) these days, but I still love playing in the outdoors. Luckily, I married a magical woman that loves the outdoors as much as I do. Even better, she photographs its excellence!

Abbie is the school-commute driver, but Jack will be 15 in August, and he's determined to get his learners permit as soon as he can. That means he'll need a family member in the car that's 21+. If he wants to drive, the 20-minute-each-way commute is back on in the fall. For those of you with children of similar ages, you know that this is a precious time in our lives. I don't have a work commute. Driving my kids to school takes an hour round-trip. If it were a commute to work, I'd hate it. However, it's precious time with my kids, and it's really quite fabulous. Even if they're staring at their phones, you have their full attention. Ask questions and enjoy their responses.

Last year, I said one of my goals was to simply be content. This year, I'm taking it up a notch. If you don't have goals, how can you measure how you improved your life? I'm a big believer in self-improvement, so here goes (in order of priority):

Personal

Good Blood Pressure
More 2 and 3 point days
Ride/ski/hoops 4x week
Walk daily (preferably at home with Sagan and Daisy)
More salads, less red meat
Love is a verb, embrace 1:1 time with everyone (Trish, kids, parents, friends)
20 days camping
25 days skiing
15 days rafting

I'm a big fan of the last three. Those activities typically involve a break from technology, the great outdoors, and exquisite views. Follow me on Instagram if you want a highlight reel.

I have some work-related goals too, because metrics seem to motivate me.

Work

Author/publish two blog posts per month
Review/mentor four blog posts per month
Record/publish two videos per month
One performance/speaking gig per month
Three "no travel" months
Stand more while working

I believe 2019 will be fabulous, and I hope to reflect my favorite moments on this blog. If you're a long-time follower, you'll notice I'm mostly active @mraible. Y'all use Twitter, right? That's my modern day notification channel. When I'm super giddy, I'll post pictures of my favorite moments on Instagram. When I want to save them forever, I publish them to Flickr.

I hope to see you at a conference or meetup in 2019!

View this post on Instagram

Fun family photo in Crested Butte. #lastbestskitown

A post shared by Matt Raible (@vwsforlife) on Jan 6, 2018 at 4:27pm PST

Life Update: Thanksgiving in Montana, RWX2018, Devoxx4Kids, DJUG, and Trish's Birthday

2018-12-20T09:20:02-07:00

For the first time in many years, we flew to Montana for the holidays. We typically drive, and it takes around 14 hours. It was quite nice to take off and land in just a couple of hours.

I thought it'd be fun to take some pictures of the cabin I grew up in. It's just a guest cabin now, but it still seems very cozy.

My parents have been remodeling the sauna lately, which was built in 1916. My Finnish ancestors built the sauna before the cabin back in the day!

We had a wonderful time with friends and family at Thanksgiving dinner...

...and while burning slash piles on Black Friday. #OptOutside

Our friends, Mike and Mai, have a real working phone booth, so Abbie had fun checking it out. The light from a kerosene lamp reminded me of growing up without electricity.

The Rich Web Experience 2019

After traveling to Montana, I had a week at home before the Rich Web Experience. I gave a new talk on Bootiful Development with Spring Boot and Vue. It was conference-driven development at its best. Because I was giving the talk, I had to base if off a blog post. I even thought it'd be cool if the blog post was published the same day as my talk. It all worked out in the end, but I had an in-anger encounter with Vue and TypeScript for a couple days there. Then it all magically worked and I became very happy. I published blog posts about Spring Boot 2.1, Bootiful Vue, and Angular 7:

I gave other talks at #RWX2019 on Bootiful Angular and JHipster + Microservices. The venue was marvelous.

As usual, I really enjoyed talking to developers about the open source frameworks I love. I published all of my presentations from RWX 2019 on Speaker Deck.

Devoxx4Kids Denver

While attending CodeOne this year, I had a chat with Stephen Chin about Devoxx4Kids Denver. I mentioned we'd love to have a hands-on Raspberry Pi class like the one I attended at a remote ski resort in Sweden. His response was music to my ears: "If you want, I can come out and teach the workshop. Or better yet, my daughter can." I was flabbergasted and jumped at the opportunity. "Yes!", I said.

Cassandra and Steve showed up in Denver a couple months later and taught a Devoxx4Kids Denver Workshop.

The kids loved it and they left us some equipment we can use to teach a future class. I'm currently discussing possibilities with the principals of my kids' schools. I hope that both Abbie and Jack can teach classes at their respective schools in 2019.

Denver JUG (DJUG)

The week after RWX, I was back in Denver and celebrated a great year with the Denver Java Community at the Denver JUG Holiday Party. Combining lightning talks with a holiday party turned out to be fun and we'll likely do it again next year.

Happy Birthday, Trish!

My lovely wife's birthday was just a few days ago. We both believe you shouldn't work on your birthday, so we took the day off and headed for the hills. We experienced a gorgeous Colorado day, smooth/fast runs, and smiles from ear-to-ear.

We had a fabulous day, and Trish got a birthday nap on the way home in Stout the Syncro. There's nothing like having a comfy bed in the back of your van.

What's Next?

Vacation! I'm on vacation at the end of this week and plan to relax a lot during the following two weeks. The first week, we'll be in Pennsylvania with Trish's fabulous family. Then we're back in town for a couple days. It'll be a turning point in our lives if Abbie passes her driving test (for her real license) on December 27. After that, we're heading back to the hills for a week of skiing, smiling, and good times.

I hope y'all have a fun holiday break. I'll see ya next year!

For more photos, see my Flickr album Life Update, December 2018.

The JHipster Mini-Book v5.0 Released!

2018-11-14T09:48:11-07:00

The JHipster Mini-Book v5.0 is now available as a free download from InfoQ. Get it while it's 🔥! You can also buy a print copy from Lulu. You can read more about this release on the JHipster Mini-Book blog.

The source code for the application developed in the book (21-Points Health) is available on GitHub.

Thanks to the InfoQ publishing team, Dennis Sharpe/Jeet Gajjar for tech editing, and Lawrence Nyveen for copy editing. And most of all, thank you Asciidoctor for making the publishing process so easy!

JHipster Conf 2018: Summer Solstice in Paris

2018-06-28T10:13:27-06:00

Last week, I journeyed to Paris with my son, Jack. It was his first time in Europe and I brought him along for good reason. I’d been invited to the first ever JHipster Conf, and I was eager to attend. We were both pretty excited when we left Denver last Monday.

Our adventure to Paris begins! #jhipsterconf

A post shared by Matt Raible (@vwsforlife) on Jun 18, 2018 at 4:01pm PDT

My Background with JHipster

I’ve been a part of the JHipster community for a few years now. I joined by accident, really. I was trying to market myself as an independent consultant by spouting my knowledge of Spring Boot and Angular with an InfoQ mini-book. Since JHipster leveraged both to jumpstart app development, it seemed like a perfect fit. I’ve been a long-time fan of app jumpstarts, having developed my own called AppFuse in days long gone.

Through the process of writing the mini-book, finding issues, and submitting pull requests, I eventually found myself to be a member of the JHipster development team. Through my relationship with JHipster, and it’s 3.0 release, I found myself intrigued my microservices and how to develop them with Spring Boot, Spring Cloud, all through the generation expertise of JHipster.

I’ve learned a ton by being part of the project and trying to figure out how all of its options work.

When I found myself with a full-time job at Stormpath, I did my best to create a Stormpath module for JHipster. When Okta acquired Stormpath, I added a similar module to my list of things I wanted to write.

When it came time to implement an Okta module, I discovered JHipster’s OAuth support only worked internally, not with an external OAuth provider, also known as an Identity Provider, or IdP. I mentioned to the JHipster team I thought we could do better and add support for external providers instead. They agreed, and I went to work.

In hindsight, it was a great decision and not terribly difficult to implement thanks to Spring Security, Keycloak, and Docker. We had a ton of help from the community along the way, and as of last October, JHipster added support for single sign-on with OIDC (tested with Keycloak and Okta).

JHipster 5.0: Spring Boot 2.0, Angular 6, and React

It’s been a fabulous adventure on the JHipster train and it’s still going strong. We just released version 5.0 with React and Spring Boot 2.0 support, there’s client generators for Ionic and React Native, and we just hosted a kick-ass conference about JHipster in Paris.

JHipster Conf 2018

The conference featured members of the core team, the well-dressed and fit Joe Kutner from Heroku, as well as Java celebrities like Ray Tsang and Josh Long. You can read about the festivities and presentations from JHipster's founder, Julien Dubois.

The conference was a little over 24 hours long, starting with a speaker’s dinner on Wednesday evening. Before attending, Jack and I spent the day strolling around Versailles. Versailles is a special place in my life since I proposed to my double rainbow there after Devoxx Belgium in 2011.

?? Versailles #working #jhipsterconf

A post shared by Matt Raible (@vwsforlife) on Jun 20, 2018 at 9:15am PDT

The conference kicked off with a keynote by the JHipster's co-leads: Julien and Deepu.

Full house at #JHipsterConf @java_hipster #paris pic.twitter.com/nnZ6JmlXrW
— Deepu K Sasidharan (@deepu105) June 21, 2018

JHipster Conf 2018 keynote from Julien Dubois

During my talk, I had Jack join me on stage for an intro, and tried to give him a taste of public speaking in front of hundreds.

After a fabulous day at #JHipsterConf and a fun rooftop party at @ippon_technologies , Jack and I enjoyed a romantic dinner and a bit of Fête de la Musique. ??

A post shared by Matt Raible (@vwsforlife) on Jun 21, 2018 at 2:44pm PDT

My talk went well, with some successful and some failed demos. Hopefully people got the point that it’s cool to store your users outside of JHipster so you can share them between apps. I also tried to show that OAuth and OIDC are excellent for securing APIs. You can download my presentation from Add JHipster to Your JHipster Apps with OIDC or view it below.

I created a tutorial of the app I showed in my talk and published it to the Okta developer blog: Build a Photo Gallery PWA with React, Spring Boot, and JHipster. If you like React and OAuth, you're gonna love this guide!

Jack and I had a day in Paris after the conference, so we made the most of it. We hit the Eiffel Tower, hiked the stairs, and marveled at the view. After, we waited in a long line for The Catacombs and walked among the dead.

I had a wonderful time this week in Paris and at @jhipsterconf. Many thanks to the @java_hipster developers, community, @juliendubois, @deepu105, and @ippontech for making it all possible! #JHipsterConf pic.twitter.com/61ZfRZxg8G
— Matt Raible (@mraible) June 23, 2018

Kudos to the JHipster Community!

What a trip! It’s so much fun to be a part of JHipster’s thriving open source community. It’s not just the project itself; it’s all the projects we build upon, from Java to TypeScript to Spring Boot to Spring Data to Spring Security to Angular to React to webpack to Bootstrap. It’s a conglomeration of all of my favorite tools and open source developers encompassed in several awesome projects!

Life as an open source developer is pretty fun. I encourage you to get involved in open source too! I started way back in the early 2000s with Struts and Ant, and it’s done wonders for my career.

Viva La Open Source!

Farewell to the 2017-18 Ski Season

2018-06-12T07:50:32-06:00

Summertime has arrived in Colorado! Typically, I try to write my "end of ski season" blog post in April or May, but this year it slipped until June. Do I have a good excuse?! Not really. Things got busy with my trip to Richmond and Oktane 18, that's all.

I'm going to keep this post short and sweet, to mirror the ski season. We didn't receive a whole lot of snow in the Rocky Mountains so the powder days were few and far between. There were a couple though, and I got to spend a powder day with some old friends at Winter Park!

The kids and I skied a few days in December, but it wasn't anything to write home about. For New Years, we packed up the Syncro and headed for Crested Butte.

Crested Butte had OK conditions, but the real fun happened when we ditched downhill and tried Nordic skiing. We spent a few hours with James Ward and daughter Josie on a beautiful cross country ski adventure. I grew up cross-country skiing to the bus stop, so it was a real hoot to do it with the whole family.

The real magic happened when I visited the Utah JUG in February. I drove through several snow storms on the way and arrived just in time for my talk on microservices, JHipster, and OAuth.

The next morning, there was 17" at Snowbird. That was a lovely morning.

That evening, Trish and the kids flew in and we hit Alta the next day. They still had fresh snow in spots and lots of sunshine.

We spent Sunday and Monday in Park City and got dumped on again. 17" again on Monday. Wahoo! We stayed and skied the morning, then endured a long 10-hour drive home.

Those were the main highlights of the ski season. Both kids are legit skiers now and will ski blacks all day if the snow is good. OK, maybe not all day, but for a few hours at least.

As for the VWs, Stout the Syncro won his class at the VWs on the Green show! Hefe the Bus didn't win anything, but he sure did look good!

Summer 2018

Now it's pretty much summer in our neck of the woods. We spent last weekend rafting on the Upper Colorado and we're hitting the Arkansas near Salida this weekend. I've been riding my bike(s) a lot, but haven't done a lot of single track trails. I hope to fix that soon.

If you're a developer that follows this blog - I hope to see you on the road in the coming months! I'll be at JHipster Conf next week, KC/DC, UberConf, and JCrete in July, and Boston JUG in August. Hope y'all have a great summer.

Spring Break 2018: Sun, Fun, and Disney World!

2018-04-06T15:04:31-06:00

I love Spring break. Who doesn't?! When I was a student, it was a nice break between quarters and led to many adventures with friends in college. As an adult, I love taking a Spring break holiday and spending it with my family. In a recent blog post on the @oktadev blog, I wrote:

I work hard, and I play hard. My family loves to do ski weekends, road trips, and whitewater raft trips. I’m lucky to work at a company like Okta that has an unlimited vacation policy. I’ve heard that most unlimited vacation policies don’t work for people because they tend to work more, and take fewer vacations.

I take full advantage of our unlimited vacation policy and make sure to take a week of vacation during every other six-week plan.

— How to Achieve Massive Productivity at Work

Last week, my family and I spent Spring break 2018 with Trish's parents in Naples, Florida. We saw some incredible cars, enjoyed a day at Magic Kingdom in Disney World, played some golf, took in a couple of sunsets, and relaxed a bunch. I think some pictures describe it best.

Wow! Most impressive car collection I’ve ever seen. Many of them have won races and are virtually priceless! #springbreak #vacation #revsinstitute

A post shared by Matt Raible (@vwsforlife) on Mar 27, 2018 at 10:03am PDT

Q1 Technical Blog Posts

In case you're here looking for technical blog posts, I'm still writing about Java, Spring Boot, Angular, React, and JHipster quite a bit. However, I'm doing it mostly on the Okta Developer Blog. Here's a list of my blog posts from Q1 2018:

JHipster Mini-Book v4.5 Released!

In related writing news, version 4.5 of the JHipster Mini-Book is now available! Please let me know if you find any issues, or would like clarification on any topics.

Version 4.5 of the @java_hipster mini-book is now available! ??

This version has a brand new chapter on building microservices and deploying them to @heroku. Learn more on the book’s blog: https://t.co/nTv6nqvzBH

You can ?? it for free from @InfoQ ? https://t.co/YVnIhUFRV5 pic.twitter.com/fbLygNDeWp
— JHipster Book (@jhipster_book) April 6, 2018

2017 - A Year in Review

2018-01-31T16:16:39-07:00

2017 was a year with many changes. We changed presidents, Stormpath joined forces with Okta, our daughter started high school, and we lost two of our precious pets. On the upside, I traveled to many beautiful places, talked to developers around the world, and became a Devoxx Champion. Not only that, but our two classic VWs ran like champs the whole year. We put upwards of 10K adventure miles on our Syncro, and another couple thousand on Hefe the Bus.

I'm going to look back on 2017 using the following categories.

Professional

2017 was the first year I started with a full-time job in January since the turn of the century. I'd been an independent consultant for most of my career. Stormpath enticed me enough with their people and vision that I became a full-time employee with them in September 2016.

January started slow, but I started to hit my stride in February when I traveled to Sweden for Jfokus and skiing. Coincidentally, it was shortly after the conference that I found myself negotiating with Eric Berg about joining forces with Okta. I remember it well: I was sitting in the hotel lobby, with James Ward and Ray Tsang, when it all happened. Shortly after, we were sitting in the back of the bus on our way to a skiing adventure.

A week later, I was back in the states and the deal with Okta was happening. Throughout January, I thought the possibility was 20%. When I returned home from Jfokus, it was full-on happening. In fact, I was one of the last ones to sign the deal, causing panic and a few phone calls in the process. Most of the folks at Stormpath became Okta employees on February 27.

The awkward part was we knew about the deal when we traveled to Devnexus. We had a Stormpath booth there, and we were unable to tell everyone there would be no more signups after Friday, February 24.

The following week, we had a massive onboarding with everyone. There was excitement in the room and many high spirits, so it was a fun day. Shortly after, we entered into a 90-day quiet period for Okta's IPO. It was strange to start a new job with a new company and not be able to talk about it.

Okta didn't have much for SDKs when we started writing blog posts in March. However, it supports standards like SAML and OAuth, so I was able to put together some posts using Spring Security.

I wrote about my anticipation for Devoxx US and France in mid-March.

Towards the end of March and early April, I had some luck integrating with Angular, both with Okta's Sign-In Widget and OpenID Connect.

In early April, I hosted an Angular Workshop and spoke about Cloud Native Progressive Web Apps with Josh Long at Devoxx France.

We're about to kick off the part deux of our Cloud Native Apps series with @mraible @DevoxxFR pic.twitter.com/0GCSAiUgs4
— Josh Long (???, ???) (@starbuxman) April 6, 2017

On my flight home from that trip — on April 7 — Okta had its IPO. Things started trucking along after the IPO. I wrote a plethora of blogs posts in April and published them over the spring and summer months.

Speaking

This year, speaking became a part of my job, so I spoke frequently. According to TripIt, I took 29 trips, to 41 cities, and 14 countries. I traveled 115,456 miles and spent most of my time on United. By my count, I spoke at 22 events.

I wrote about my experiences at J-Spring, Devoxx UK, GeeCON, and Spring I/O in May, and Devoxx Poland in June. Spring I/O was especially fun because Trish met me in Barcelona.

I was featured on the main Okta blog in late September in Developer DNA: A Day in the Life of Matt Raible.

As the year was waning, I wrote about life as an open source developer and my adventures to Devoxx Belgium and Devoxx Morocco.

In my blog post about SpringOne and The Rich Web Experience, I included a picture of my 2017 conference lanyard collection.

To end the year, I published some popular posts on the Okta Developer blog:

Devoxx4Kids

We held two Devoxx4Kids Denver workshops in 2017: MIT App Inventor - Anyone Can Build Apps and Fruit Ninja with Scratch. These classes were taught by Regina Peyfuss and Melissa McKay, respectively. I'm happy to announce they've both since joined the board for Devoxx4Kids Denver and have been doing a great deal to help organize things.

I ?? the smell of learning in the morning. #Devoxx4Kids Denver in full swing w/ @rpeyfuss at @ThriveWorkplace. Awesome space and instructor! pic.twitter.com/a6Ac1qAJh0
— Matt Raible (@mraible) June 3, 2017

Our next meetup will be on March 10 and will be taught by Melissa's daughter, Kaitlyn! I think it's pretty cool we have an opportunity to have kids teaching kids. I've also been working with Jay Zimmerman and UberConf to have an UberKids this summer.

Projects

AppFuse is no more, so I primarily work on JHipster and the JHipster-Mini Book these days. I refactored JHipster's OAuth authentication in September to use an external identity provider (e.g., Keycloak or Okta) instead of an embedded one. I wrote about how to use OpenID Connect with JHipster on the Okta Developer blog in October.

With the help of InfoQ, we released v4.0 of the JHipster Mini-Book on September 22nd. It's hard to believe, but it's still up-to-date!

Personal

I wrote down my goal at the beginning of 2017: to drive Hefe up the California coast. In July, I wrote about why that goal got moved to my bucket list:

I wanted to spend our summer vacation driving our VWs up the California coast, on a mammoth 3500-mile road trip over two weeks. However, when a landslide happened near Big Sur, I knew it was probably best to move this road trip from my yearly goals to my bucket list. Instead, we opted to drive to Montana and spend a couple of weeks vacationing in my childhood playground.

We had a blast road-tripping, hiking, and rafting in Montana. A highlight for me was hiking to Rumble Lake, somewhere I hadn't been to since I was a kid.

The drive home through Jackson Hole and the Flaming Gorge was pretty nice as well!

My only other personal post in the first half of 2017 was Farewell to the 2016-17 Ski Season.

I had a blast skiing in Winter Park, Copper, Crested Butte, Sweden, Steamboat, Tahoe, and Montana.

The highlight of the season was skiing at Big Sky Resort in Montana. We're super pumped that next year's ski pass includes Big Sky!

In early August, we rafted the Salmon River in Idaho with our rafting family and had an epic trip.

Jack turned 13 in late August and we had a splendid weekend with my folks in town.

Abbie and Tucker won their division at the SummerFest Horse Show in September!

Abbie didn't want a birthday party this year, so we surprised her with one instead. It's hard to believe she's a freshman in high school. She's even driving us around with her learner's permit these days! Her birthday was a bittersweet celebration since we had to say goodbye to Jake earlier that day.

We welcomed a new Australian Shepperd-Border Collie mix puppy into our home in December. Her name is Daisy.

A post shared by Matt Raible (@vwsforlife) on Dec 2, 2017 at 3:24pm PST

Stout and Hefe

Stout 5.0 and Hefe 3.0 were released in early May. Stout had his hood painted and Hefe got a kick-ass stereo system installed.

For Hefe's stereo, I tried going phone-only for a controller. This turned out to be a bad idea, mostly due to bit Play HD and its terrible mobile app. Also, Hefe is lowered and a bit bumpy in the front, so trying to use a touch screen while driving doesn't work very well. He's in the shop now getting a new deck installed.

We drove Stout over 5000 miles this summer and he's been super dependable. Now that he's reliable, we often marvel that he really is the greatest car ever built.

2018

Professionally, I'll be speaking at a lot of Java User Groups in 2018. The Developer Relations team at Okta is focusing on large US cities this year, so you won't see me overseas as much. This is nice because it means I get to spend more time with my family. I have received offers to speak in other countries where they'll pay for all my expenses. If expenses are covered, Okta will allow me to travel overseas. However, I've been telling people I'm only willing to speak if they'll pay for a family member's flight too. It seems to be a win-win so far: most conferences have declined, and I don't have to travel as much. If I find a conference that is willing pay, I'll get to travel with someone from my awesome family!

I'll be coding loads of example apps and writing heaps of tutorials for the Okta Developer blog and I'm super excited about our Iterate Conference next month. I'll also continue to help organize DJUG and Devoxx4Kids Denver.

Romantically, Trish and I hope to never stop dating with the 2-2-2 rule. I look forward to a year with running VWs, long dog walks, and disconnecting to connect. As for goals, I'll go for the ol' standby: to be happy and content with what I have. 😊

SpringOne, The Rich Web Experience, and Being Home for the Holidays

2017-12-22T13:44:25-07:00

A few weeks ago, I had the pleasure of hitting two excellent conferences in one week: SpringOne and The Rich Web Experience. The primary reason I like both conferences so much is that there are so many familiar faces.

I had a gas hanging out with folks from Pivotal after I arrived on Monday night. On Tuesday, I thoroughly enjoyed the opening keynote. Seeing the unveiling of Spring Boot 2.0's most impressive feature was spectacular too!

Started as a dare, ended as a feature in @springboot 2.0! Animated Banners ?? #SpringOne pic.twitter.com/PqSDSWHMze
— Brian Clozel (@bclozel) December 5, 2017

I walked to the Okta office for some swag that afternoon, then proceeded to the Atomist happy hour. I talked with Rod Johnson about how Atomist might be able to help update our example apps and the Okta Developer blog. Since keeping our posts and examples up-to-date is a maintenance burden, I think Atomist could be a huge help.

After happy hour, a bunch of us joined Heroku for a delicious dinner and fun conversations.

Great night with @heroku friends @mraible @speakjava @starbuxman @afitnerd @Lspacewalker pic.twitter.com/JUVz0Ak2sH
— Joe Kutner (@codefinger) December 6, 2017

On Wednesday, I delivered my talk on Bootiful Development with Spring Boot and React. You can find my slides on Speaker Deck.

It was recorded and published to YouTube as well.

After my talk ended, I only had 70 minutes before my flight took off for Florida and the Rich Web Experience. Luckily, there was hardly any traffic and I found myself boarding with 23 minutes to spare.

The Rich Web Experience

At the Rich Web Experience, I had two back-to-back talks on Thursday morning. The first was on OAuth and is modeled off my What the Heck is OAuth blog post. I was surprised to have a packed room and appreciated the enthusiastic audience. You can find my slides on Speaker Deck or view them below.

I had an extra half-hour (compared to SpringOne) to deliver my Bootiful React talk, but I still managed to run out of time. The good news is it was largely because of audience interaction and questions. I feel like presentations are a lot more enjoyable when conversations happen during them. I published my slides afterward. The major difference between this deck and the one at SpringOne is I included Kent Dodds' free React courses on egghead.io.

I took a nice stroll along the Clearwater beaches that afternoon. I felt like a huge weight had been lifted off my shoulders since I was done speaking for the year.

On Friday, I flew back to Denver and spent the afternoon polishing all the READMEs in our developer example apps. We recently discovered that a lot of folks were trying our examples without reading our blog posts. As a developer, I know it's nice to clone a project, configure it, and run it. This should be much easier now. For example, if you look at the README for the okta-spring-boot-2-angular-5-example, you should be able to modify and run without reading its associated blog post.

Devoxx4Kids Denver

The next day, I helped organize a Devoxx4Kids Denver on building Fruit Ninja with Scratch. Melissa McKay was the class instructor and the kids had a blast. The workshop was hosted at Thrive Ballpark and they published a blog post about how Devoxx4Kids is Teaching Kids to Thrive.

#Devoxx4Kids Denver in full swing with @melissajmckay at @ThriveWorkplace. Fruit Ninja with @scratch! pic.twitter.com/ZqruHtVk0u
— Matt Raible (@mraible) December 9, 2017

Team Building and Denver JUG

The following week, I traveled to San Francisco to meet with my team and do some team building activities. I thouroughly enjoyed the stroll to work on Tuesday morning, and bowling that afternoon.

I feel very fortunate to have such a beautiful walk to the @okta SF office. #lifeatokta #embarcadero pic.twitter.com/NBaUmHtiFy
— Matt Raible (@mraible) December 12, 2017

I flew back Wednesday and made it just in time for the Denver JUG Holiday party. We had a pretty good turnout, announced some awards, voted on Venkat's talk in January, and gave out a few prizes. You can read more about the festivities on the Denver JUG blog.

When I drove home that night, I felt like George Bailey rushing home at the end of It's a Wonderful Life! The joy of being home without travel on the horizon is a wonderful feeling.

At the end of that week, I was able to find time to work on the Ionic Module for JHipster and release it.

Home for the Holidays

It's a great feeling to be home for the holidays. It was Trish's birthday weekend last weekend, so we watched her compete in a couple horse shows with Tucker. They sure do look good together, don't they?

Happy Birthday to my lovely wife, @TrishPhoto! She started the day at 5am so she could do one of her favorite things - competing with Tucker. ???? pic.twitter.com/XvLd81VRcz
— Matt Raible (@mraible) December 17, 2017

I'm done traveling for the year and I don't have any overnight travel scheduled until mid-February. My TripIt stats show I traveled quite a bit this year, and I'm looking forward to speaking at more JUGs and less conferences next year.

I spent 141 days on the road, but I'm grateful for getting to attend so many cool conferences in many exotic locations.

If you want to tinker with some code over the break, you can checkout my blog post on how to use Spring Security 5.0 with OIDC or my buddy Nate's Spread Serverless Holiday Cheer with Lambda and API Gateway.

Happy Holidays everyone! 😊

A Stressful, but Rewarding, Trip to Devoxx Belgium and Morocco

2017-11-27T08:37:50-07:00

One of my favorite conferences in the world is Devoxx Belgium. First of all, it tends to have one of the most enthusiastic audiences I've ever seen. Secondly, its organizers are super awesome and challenge you to give great talks. Third, it was the first conference I ever took my Trish to. In 2011, I took her a second time and proposed to her in Paris afterward.

This year, I traveled to Devoxx Belgium for the first time without Trish. It was stressful because I didn't prepare well beforehand. However, it was also gratifying because I was able to make everything work, even it all happened at the last minute. Furthermore, I did the majority of my talks with good friends, which is always a pleasant experience.

The purpose of this blog post is to document my experience this year, so I can look back and say WTF was I thinking?!

I left Denver on Monday (November 6) afternoon and flew to Brussels, Belgium. My flight landed in Brussels at 9 am and Josh and my (three hour) talk was at 1:30 pm. I made it in time, but it was one of the first times we didn’t have a lot of time to prepare face-to-face beforehand. I learned that getting t-shirts printed in the US to save $500 is a good idea, but having to take two suitcases to carry them all is a bad idea.

We did our usual talk and I used Okta's new Angular SDK instead of the Sign-In Widget to showcase authentication. Even though the crucial step I needed was contained in my notes, I failed. One simple line to add an HttpInterceptor and I missed it!

I think I followed up well with a tweet that showed how to fix it. But who knows how many people use Twitter. One things for sure, people tweet more at Devoxx Belgium than any other conference I’ve ever been too! In fact, the #Devoxx hashtag got hijacked by some porn sites and their tweets started showing up on the Twitter wall. ??

I tweeted about what I forgot to do after our talk.

Thanks to everyone who attended @starbuxman and my session on Cloud Native PWAs at @Devoxx!

Slides: https://t.co/3uyn4KUbm2

Source code: https://t.co/6deOtoHeeg

FWIW, I figured out why my @okta demo failed. I forgot to add the AuthInterceptor as a provider. Doh! #Devoxx pic.twitter.com/HxdYp6CetZ
— Matt Raible (@mraible) November 8, 2017

Josh and my talk was published on YouTube the very next day, which is awesome.

Tuesday night was the speaker’s reception, so I attended that and turned in around 10 pm. I worked on my next presentation (Angular vs. React) for a few hours after getting back to my hotel.

On Wednesday, I worked all day with my co-speaker (Deepu, co-lead of JHipster) on our Angular vs. React presentation. We worked for eight hours at the conference venue that day and parted ways around 6 pm.

On Wednesday night, I attended a dinner with Ray Tsang (Google Cloud Advocate). We were invited (along with Josh) to a dinner with JDriven. Josh couldn’t make it, but Ray and I attended and had a great time. I got home at 10 pm that night and worked on my next day’s presentation until 3 am.

Thursday, I worked with Deepu for a couple hours to polish and practice our presentation and we delivered it that afternoon. We also advertised the t-shirts we brought.

There were lots of tweets about our talk, but I think this from Daniel Bryant with our recommendations for Angular vs React was one of my favorites.

The results of the web framework smackdown are in...

via @mraible and @deepu105 at #Devoxx pic.twitter.com/MBYfZ2Fli4
— Daniel Bryant (@danielbryantuk) November 9, 2017

Our session went well, even thought it wasn’t super technical, and it was published to YouTube.

I also published our slides on Speaker Deck.

We had the JHipster BOF late that night (during the conference movie) and only had three people show up. With five committers there, we still had a great time, and it was fun to give Julien the Duke’s Choice Award trophy since he started the project.

@java_hipster team rocking @Devoxx @mraible @juliendubois @sendilkumarn #DukesChoiceAward pic.twitter.com/gaNpnJtBYR
— Deepu K Sasidharan (@deepu105) November 9, 2017

Duke might've had a little too much to drink during our BOF. :D

I thought our ratings (~4.2) for the two sessions were “good enough” to call the conference a success. Thanks to the conference organizers for delivering such an awesome experience once again.

Devoxx Morocco

I spent the weekend in Bruges and had a lovely time staying at an Airbnb and visiting some local breweries.

On Saturday night, I worked for several hours on the Ionic module for JHipster that I needed for my talk at Devoxx Morocco. That’s where the (self-inflicted) drama began. Here’s the timeline of events that I documented in my presentation after my talk:

After Devoxx Belgium, tried to finish Ionic module over the weekend.
Late night of hacking, couldn’t figure out why what worked last week didn’t work this week.
Discovered Ionic “super” starter was upgraded to Angular 5 in the last week.
Realized I needed to version the starter or write my own.
Tried to make OAuth work, because Okta.
Discovered OAuth wouldn’t work, because JHipster implementation uses cookies, and Cordova’s web view won’t work with cookies.
Sunday evening (my talk was on Wednesday morning): refactored everything into an Ionic starter.
Monday: finished starter, couldn’t get it to work in iOS emulator because CORS.
Found bugs about CORS doesn’t work over http. Spent hours trying to make it work over https. Couldn’t get a local certificate to be trusted, couldn’t deploy a JHipster app to the cloud (b/c of slow wifi). Even tried cloud-to-cloud, but ran into frontend-maven-plugin on Linux issues.
Monday afternoon: discovered real issue was that emulator runs on port 8080. Changed JHipster/Spring Boot’s port to 9000, and it worked!
Tuesday: delivered talk on Cloud Native PWAs with Josh Long. (https://twitter.com/mraible/status/930477708022337536)
Tuesday after dinner: started working on entity generator for Ionic.
Wednesday 4am: Got it working!
Wednesday 8-11:25am: wrote presentation.
Wednesday 11:30am: delivered talk, showed demo that worked!!

I published the slides from "Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster" to Speaker Deck.

I also made a 5 minute video, because I recorded a lot of my development experience along the way.

Phew! It was an exhausting couple of weeks. I learned something I already knew - you should have your presentation finished before you leave for the conference, especially when traveling overseas!

Nevertheless, I had a great time. At Devoxx Belgium, it was announced that Josh and I both won Devoxx Champion awards. This award is given to speakers that attend all the Devoxx conferences in a year. Unfortunately, they never told either of us that we got it, so we missed it in the keynote. Luckily, it was recorded.

At Devoxx Morocco, they notified me five minutes before the keynote that “I should come” and that they had a surprise for me. I was in the midst of my last-minute scramble to get code working and write my presentation, but I went anyway. I’m glad I did because it was a very cool opening keynote and I was honored to receive a Devoxx Champion award.

I made sure to get my picture with Josh, and his girlfriend Tammie, after lunch.

There are two new Okta open source projects as part of my efforts, but they’ll require some polishing before they’re ready for general consumption. I hope to do that before the end of the year, but the end of January is probably more realistic. Below are links to their repos on GitHub:

For more photos from these events, see my album on Flickr. Devoxx Belgium posted their photos to a Devoxx2017 album, as well as albums for each day: day 1, day 2, day 3, day 4, and day 5. Devoxx Morocco posted all of their photos in three separate albums: day 1, day 2, and day 3.

I want to thank the organizers from Devoxx Belgium and Devoxx Morocco for accepting my talks and allow me to fulfill one of my goals for the year: becoming a Devoxx Champion. In 2018, I plan to slow down a bit and speak more in the US, concentrating on Java User Groups.

However, 2017 isn't over! I'll be speaking at SpringOne and The Rich Web Experience next week. We're also planning a Devoxx4Kids Denver meetup in December and a Denver JUG Holiday Party as well.

Life as an Open Source Developer, One Year Later

2017-11-06T08:33:17-07:00

It's been a little over a year since I wrote about life as an open source developer. I'm happy to say I still haven't written a single line of proprietary code. Of course, things have changed a lot in the last year. I thought going full-time would bring stability to my career. Instead, six months into it we joined forces with Okta.

The transition was rough at first. At Stormpath, we had full-featured SDKs and a great relationship with developers that used our service. We were able to port many of our SDKs to work with Okta, but we discovered that Okta didn't have a great relationship with developers. In fact, their developer blog hadn't been updated in over a year when we arrived.

On the upside, Okta's API supported standards like SAML, OAuth, and OpenID Connect. Open standards made it possible to use other frameworks and not have to rely on our own. I was pumped to find that Spring Security made it easy to integrate with SAML and OAuth. In fact, I was able to leverage these standards to add OIDC support to JHipster.

Okta's new developer console and open pricing are just a couple examples of improved happenings since we arrived. The Okta Spring Boot Starter and JavaScript libraries for Node.js, Angular, and React are also pretty awesome.

I'm happy to say my contributions on GitHub almost doubled in the last year!

As far as stress is concerned, that hasn't changed much. I've learned that the stress I feel from work is still causing me to have high blood pressure. When I measure it in the mornings, or at night, it's fine. When I measure it during the day, it's elevated. I believe my high blood pressure is caused by doing too much. Sure, it's great to be productive and accomplish a lot for my company, but it's killing me.

Therein lies the rub. I get to create my job. All I'm asked to do is write a blog post per week and speak at a conference (or meetup) once a month. Yet I'm doing way more than that. Since this time last year, I've delivered 33 presentations, in 13 different cities. I keep a page on this blog updated with all my presentations.

Next year, I still plan to speak a lot, but I plan on toning things down a bit. I'll be concentrating on US cities, with large Java user groups, and I'll be limiting my travel overseas.

Outside of my health concerns, I'm still loving my job. The fact that I get paid to speak at great conferences, write example applications, and discover new ways to do things is awesome. It's also pretty sweet that I was able to update the JHipster Mini-Book and upgrade 21-Points Health during work hours. The fact that I got featured on the main Okta blog was pretty cool too.

The good news is my overseas travel isn't done this year. Today, I leave for Devoxx Belgium, one of my favorite conferences. It'll be my first time in Antwerp without Trish. However, I'm speaking with friends Josh Long and Deepu Sasidharan, so it's sure to be a good time. Traveling to Devoxx Morocco should be fun too. I've never been to Casablanca before.

In December, you can catch me at SpringOne and The Rich Web Experience. Next year, I'll be speaking at Denver Microservices meetup, Utah JUG, Seattle JUG, and JazzCon. I plan to do a JUG tour in the northeast US too.

You might've noticed I don't write a lot of technical content here anymore. That's because I'm doing most of my writing on developer.okta.com/blog. I'm still writing for InfoQ as well. I really enjoyed attending the JavaOne keynotes and writing up what I saw.

I'll leave you with this, a project I'm working on actively and plan to finish before Devoxx Morocco.

Had a good hacking session today w/ @java_hipster & @Ionicframework. Creating a JHipster-enabled Ionic client works! https://t.co/5biHQDO941
— Matt Raible (@mraible) November 3, 2017

Viva la Open Source!

Happy Birthday Abbie!

2017-11-05T18:18:15-07:00

Abbie turned 15 today. About a month ago, she said she didn't want a birthday party, so we decided we'd surprise her with one. Her mom did most of the work, inviting her friends, gather food and drinks, and hosting the event at her house.

We told her we were going out to a family dinner, and we needed to pick her mom up along the way. We found out later that she knew about it the whole time, but the same friend that showed her the Evite told her it was next weekend. So she kinda knew. However, when I put a tie on, Trish got fancy, and Jack dressed nice for dinner, she figured "Oh well, I guess it's not tonight."

We had a great time surprising her with a fondue dinner with friends. She's an excellent kid, and we're happy to have survived 14!

Abbie still rides her horse, Tucker, a couple of times a week and she's won several ribbons at all the shows she's been in. She's a freshman in high school now. It's incredible to look back and see that I started this blog just a few months before she was born.

Happy 15th Birthday Abbie!

The JHipster Mini-Book v4.0 Now Available for Download!

2017-09-22T08:22:04-06:00

The JHipster Mini-Book v4.0 is now available as a free download from InfoQ. Get it while it's hot! You'll also be able to buy a print version in a week or two. You can read all about what’s changed since v2.0 on the JHipster Mini-Book blog.

The source code for the application developed in the book (21-Points Health) is available on GitHub.

Thanks to the InfoQ publishing team, Dennis Sharpe for tech editing, and Lawrence Nyveen for copy editing. And most of all, thank you Asciidoctor for making the publishing process so easy!

Devoxx Poland: A Huge Conference in a Beautiful City

2017-06-27T08:44:31-06:00

It's been a little over six years since I first ventured to Kraków, Poland. I have fond memories of that trip, mostly because Trish was with me and we explored lots of sites. Last month, I visited Kraków for GeeCON, but only stayed for one night.

Last week, I had the pleasure of visiting a third time for my first Devoxx Poland. I was excited to travel internationally again with my favorite travel shirt on. This caused a funny conversation with TSA just before my departure.

I arrived in Krakow on a beautiful day and took an Ubër to my hotel next to the venue. I took a stroll along the Vistula River to enjoy the sunshine.

I attended the conference happy hour that evening, then journeyed to a local restaurant for some delicious food and fun conversations. There's a chance one of those conversations inspires a speaking tour in South Africa next year.

On Thursday, I attended a couple sessions on application and microservices security, and delivered my talk on PWAs with Ionic, Angular, and Spring Boot. You can check out my presentation below or on Speaker Deck.

I was amazed at the sheer size of Devoxx Poland! Not only was the venue massive, but its 2500 attendees filled it up quickly. Thursday evening was the speaker's dinner, on a boat no less! It was a great location, with lots of familiar faces.

#DevoxxPL Speakers and Heroes pic.twitter.com/nat8xCS27F
— Matt Raible (@mraible) June 22, 2017

#DevoxxPL Speakers and Heroes, Part II pic.twitter.com/5wNpoFweeZ
— Matt Raible (@mraible) June 22, 2017

Friday, I spoke about What's New in JHipsterLand. My presentation can be viewed below or on Speaker Deck. You can download the PDF from Speaker Deck for clickable links.

Thanks #DevoxxPL - I had a blast! pic.twitter.com/Iho4HqTBYE
— Matt Raible (@mraible) June 23, 2017

In other news, I've been busy writing blog posts for the @OktaDev blog.

I also wrote an article for scotch.io titled "The Ultimate Guide to Progressive Web Applications."

For the next couple of weeks, I'll be on vacation in Montana. Then it's time for ÜberConf, vJUG (with Josh Long!), and Oktane17.

If I don't see you on the rivers in Montana or at an upcoming conference, I hope you have a great summer!

Speaking Adventures at J-Spring, Devoxx UK, GeeCON, and Spring I/O

2017-05-24T09:50:55-06:00

As a Developer Advocate at Okta, I'm expected to travel up to 25% per month to speak at conferences and meetups. This May was more like 50%! I had opportunities to contribute to a number of cool conferences in exotic cities that I was eager to accept.

My adventure began on Monday, May 8 when I flew to Amsterdam to speak at the J-Spring conference. It was the first time the NLJUG hosted this conference in several years. I marveled at the venue and especially liked the outdoor area it offered during breaks. The walk from/to the train station was pretty nice too.

I spoke about Microservices for the Masses with Spring Boot, JHipster, and JWT. Feedback I received mentioned it was a bit too fast and I crammed too much into the 50-minute time slot. I do tend to mention everything I know about topics when I speak, so I apologize for trying to cram too much in.

After J-Spring, I flew to London to speak at Devoxx UK. I arrived just in time to catch the speaker's dinner and had fun seeing and catching up with old friends from the conference circuit.

Thursday morning, I had an Angular workshop and did my microservices presentation in the afternoon. Friday, I had an early morning talk on Front End Development for Back End Developers. You can find all my presentations below.

I rushed straight from my last talk on Friday to the airport to catch a flight to Boston for the weekend. In Boston, we celebrated Trish's brother's 50th birthday, Mother's Day, and had a blast with friends and family.

The following Monday, I hopped on a plane to return to Europe with Krakow (for GeeCON) as my destination. Three flights later and I arrived in time to take a nice stroll around the city, enjoying the greenery.

At GeeCON, I spoke about how to build a progressive web app with Ionic, Angular, and Spring Boot. Half of my talk was live coding and I almost got all my demos working. Deploying to Cloud Foundry and my phone was the final step, and due to Xcode updating, that demo failed. I wrote a tutorial about Ionic for the Okta developer blog that has everything (and more!) that I showed in my demo.

I had to head straight to the airport after finishing my talk, this time heading for Spring I/O in Barcelona. Barcelona has always been on Trish's bucket list, so I easily talked her into joining me. At Spring I/O, I did a workshop on developing with Spring Boot and Angular, followed by my Front End Development for Back End Developers talk. There weren't that many talks on front-end development, so I felt privileged to be one of the few talking about UI development.

I also enjoyed Deepu's talk on JHipster and Sebastien's talk on Keycloak. It was the first time I'd met these great guys in person, so that was a lot of fun.

At @spring_io where @java_hipster's meet pic.twitter.com/I9OPErVWeF
— Deepu K Sasidharan (@deepu105) May 18, 2017

On Friday, Trish and I hit some of the sites in Barcelona and had a wonderful time. The weather was beautiful, the architecture was amazing, and the experience was awesome.

More photos on Flickr → European Speaking Tour - May 2017

Thanks to the organizers of each conference for allowing me to speak and for covering my travel expenses. My company doesn't pay for overseas conferences (yet!), but they do pay me while I'm there, so that's nice. To everyone that attended my sessions - thank you! I really appreciate the feedback and will do my best to improve future talks. If you have additional feedback, feel free to contact me.

In the meantime, keep an eye on the Okta developer blog. I've been writing a lot of articles lately and there's more to come in the pipeline! Here's a few that've been published in the last month.

Let the Okta and Devoxx Journeys Begin!

2017-03-16T11:43:59-06:00

It's been almost a month since Stormpath joined forces with Okta. My first day at Okta was on February 27, and I was only briefly in the San Francisco headquarters. I had to fly out at noon on my second day, so I hunkered down in the Okta Pub and cranked out a presentation for a talk with Micah Silverman at the Kansas City Spring User Group.

That's right, Okta has a pub in their SF HQ. When I first heard about this, I knew it'd be a good fit for me!

Now properly fortified, I finished the presentation and headed for the airport, where I rejoiced in my clothing choices for the day.

I love wearing this @goStormpath t-shirt when going through security at the airport. ?? pic.twitter.com/4oOGiaXEd9
— Matt Raible (@mraible) February 28, 2017

The whirlwind of ramping up at Okta hasn't died down yet. Last week, I figured out how to authenticate with Okta's API using Spring Boot and SAML. I also got an OAuth 2.0 example working. Then I moved onto Angular and got an example working with OpenID Connect (OIDC), Okta's Sign-In Widget, and the Okta Auth SDK. I was especially pumped when I got an Angular client working with OIDC and a Spring Boot + Spring Security backend. This week, I wrote up my findings as tutorials and recorded a couple screencasts to accompany them. These will likely show up as blogs posts on Okta Developer Blog over the next few weeks.

While the first couple of weeks at Okta has been exciting, I'm more excited about the upcoming Devoxx conferences I'll be speaking at.

Next week, Devoxx US will be happening for the first time! As a member of the program committee, I promise you this is going to be a great show! We had an incredible number of high quality submissions and it shows in the agenda. I'm especially looking forward to Janelle Klein's What is Identity? keynote. I'll be doing talks on JHipster, Asciidoctor, and how NOT to restore a VW Bus.

Speaking of the bus, Hefe sure looks good, doesn't he?

A post shared by Matt Raible (@vwsforlife) on Mar 15, 2017 at 7:24am PDT

After returning from Devoxx US, Trish and I are taking Abbie and Jack on the spring break trip of a lifetime. I've never been to Big Sky, so we're heading there for a week of skiing, frolicking, and playing in the snow. I might even go phoneless for the week to fully embrace the serenity that Montana provides.

I'm off to Devoxx France the following week. I'm really looking forward to this conference because my talks are all about Angular. I'll be doing a hands-on lab on getting started with Angular, as well as developing a PWA with Josh Long.

To make things even better while I'm on the road, I'm getting some work done on both VWs. We're getting Stout the Syncro painted and having a stereo installed in Hefe. With any luck, Stout 5.0 and Hefe 3.0 will be released in April, just in time for the car show season.

So yeah, life is pretty darn good right now. Let me know if you'll be in Tahoe, San Jose, Big Sky, or Paris when I'm there. I'd love to chat about authentication, open source technologies, VWs, or good beer.

2016 - A Year in Review

2017-02-01T17:46:59-07:00

When I wrote my 2015 year in review blog post, I was certain my '66 VW Bus would finally be finished. AND IT IS! Do I need to even write this year's post? Yes, because I want to tell you how awesome it is to own this incredible-looking, awesomely-fast, mean machine.

But first, let's review the year using the following categories.

Professional

I had two different clients in 2016: CA Technologies and Stormpath. I worked full-time for CA in January and February, helping them adopt AngularJS. To help them learn about Angular 2, I rewrote my AngularJS getting started and testing tutorials for Angular 2. The first versions were published at Getting Started with Angular 2 and Testing Angular 2 Applications. I refactored both tutorials to use Angular CLI in August and published Getting Started + Testing with Angular CLI and Angular 2 (RC5). Since then, I've been maintaining an up-to-date version on GitHub.

In April, I started working half-time for CA and half-time for Stormpath. For Stormpath, I worked on their Java SDK and helped them launch their Java SDK 1.0. I really enjoyed working with the team at Stormpath. This led to me think about my priorities in life. I realized that I wanted to work remotely, get paid to speak at conferences, and get paid to work on open source. Stormpath provided me with all of these opportunities and I started working full-time for them on September 26, 2016.

In May, I joined the board of the Denver Java User Group. I've been helping organize meetups, find speakers, and secure location sponsors. If you're interested in speaking at DJUG in 2017, please let me know!

I wrote about life as an open source developer in early November. At that time, I mentioned being more stressed than I was used to. My stress levels continued to be high through the end of the year because I get to create my own job. I get to choose the conferences I submit too, the talks I create, the example apps, the blog posts, everything. There's so much I want to do that I've had to learn to scale back and not try to do so much at once.

I didn't blog much on raibledesigns.com in Q4 of 2016, but I wrote a bunch of technical posts on the Stormpath blog.

According to TripIt, I flew 59K miles in 2016.

Speaking

I spoke at nine different events in 2016. You can find links to my presentations on my presentations page.

February: Denver Open Source Users Group
April: Colorado Springs Open Source Software Meetup Group and Devoxx France
June: Devoxx UK and GeekOut
August: HTML5 Denver Users Group
September: vJUG24
November: Rocky Mountain Software Symposium
December: The Rich Web Experience

My most memorable conference in 2016 was Devoxx France because I took Abbie and we experienced springtime in Paris together.

Becoming a Java Champion at Devoxx France was certainly a surprise too!

I really enjoyed taking my mom with me to Devoxx UK and GeekOut. It was my first time speaking at both conferences and I was impressed by both personnel and venues.

Devoxx4Kids

We only had two Devoxx4Kids Denver workshops in 2016: Introduction to Object-Oriented JavaScript using Bitsbox and Exploring JavaScript. The second one was taught by the world-famous Venkat Subramaniam.

The great @venkat_s teaching #Denver kids about JavaScript. So awesome! #Devoxx4Kids pic.twitter.com/CqOW5ma6Cq
— Matt Raible (@mraible) September 10, 2016

I'd like to plan a few Devoxx4Kids Denver events in 2017, so please let me know if you have a topic you'd like to present.

Projects

I stopped working on AppFuse in February and announced I was mothballing the project in April. Reminder: the demos, documentation and bug tracker will cease to exist on April 30, 2017.

I spent many late nights in July through October updating the JHipster Mini-Book for JHipster 3.x. On the book's blog, I wrote about what's changed and how to buy a print version.

Personal

I wrote down my goals at the beginning of 2016:

Finish the bus
Win a trophy
Ski a lot
Raft a lot
Stay in shape
July in Montana
Happy Trish
Ionic/Angular2 app
Learn how to make a good dirty martini

I'm proud to the bus is finished and it won Best in Class at VWs on the Green.

Today was a great day! Won best in class Bus, Camper, Pickup Custom 1949-67 Split Window. #vwbus

A photo posted by Matt Raible (@vwsforlife) on May 15, 2016 at 2:41pm PDT

We skied a lot, but never took our own raft on river. I stayed in shape and have records to prove it thanks to 21-Points Health and dailymile. This summer, I spent seven weekends in a row away from home; with three weeks in Montana. Not quite a month, but close. Trish was happy because we journeyed to Hawaii to celebrate her parents' 50th anniversary.

Her happiness continued when she found her dream home in July. We moved into The Raible Ranch in September.

Weeks later, she and Abbie bought their dream horse named Tucker. I wrote about him in Abbie's 14th birthday post.

I learned how to make an excellent dirty martini, but did not find the time to create an Ionic/Angular2 app.

The Ski Bus (aka Stout)

Stout the Syncro spent a couple months getting upgrades in late 2015: transmission rebuilt, fridge installed, Propex heater installed, and new headlights. We leveraged these improvements on an epic family road trip to Jekyll Island (Georgia) for my Dad's 70th birthday.

We made it back to Denver just in time for the AFC Championship game and thoroughly enjoyed ourselves tailgating beforehand.

Watching the Broncos win Super Bowl 50 was definitely a highlight of 2016.

We took Stout on a bunch of ski trips and winter camped several times. The Propex heater and Reflectix insulation worked great and kept it around 50°F even when it was 0°F out.

I bought a new mountain bike (Yeti SB 95) in May and Trish and I drove the van to Syncro Solstice in Moab. We were hoping for a weekend of mountain biking and 4-wheeling, but Trish had a bad crash and stabbed herself in the chest with a handlebar. That ended our 4x4 aspirations for the weekend, but the van ran great!

The other major road trip for Stout was when I drove from Colorado to Montana over four days. I drove to Grand Junction on Monday evenning, worked during the day on Tuesday, went mountain biking in the afternoon, then drove to Jackson Hole that night. Wednesday, I worked in Jackson Hole, went mountain biking, then drove to Montana that night. I woke up early on Thursday and made it to Missoula to start working promptly at 8am. That evening, I drove to Seeley Lake and setup camp at the first annual Bob Marshall Music Festival. Trish flew in on Friday and we danced and celebrated my birthday all weekend.

The Porsche Bus (aka Hefe)

Hefe's debut at VWs on the Green was a wild success and we had a lot of fun that day. In June, we showed him at Colorado Concours d'Elegance and won a blue ribbon. We trailered him to Montana and drove him in the Swan Valley parade and the Seeley Lake parade.

We hauled him back in Denver to be in the Colorado Bug-In at Bandimere Speedway, where he got second in the custom/radical class.

On the way home from that event, one of the rear shocks blew up from rubbing against the axle. That was the beginning of the end for my air suspension. I drove Hefe to Kustom Coach Werks in early August to have fix the doors (they had gaps) and tune the suspension. When they finished, I called it "release 1.5".

I drove Hefe for a month without rear shocks and didn't have too many issues; it was just bouncy in the back. Buses at the Brewery in Colorado Springs was a fun event and the first time that Hefe went viral on Facebook. This has happened a few times since then. He gets thousands of likes from being featured on a VW fan page.

Before the drive to Colorado Springs, I noticed the rear suspension was missing bolts, causing the rear end to shimmy. I was able to find a new bolt and fix it, but the problem with bolts falling out continued in September. I tried smaller wheels (15" Fuchs), but the suspension was still really stiff in front. Because of the suspension issues, I shipped it back to KCW in October. They ripped out the air suspension and replaced it with coil over shocks, making for a much better ride. It now can cruise at 90 mph easily and looks great all the time! After these repairs, it's now Hefe 2.0.

If you're interested in reading about the suspension decision process, or to see pictures, see this thread on KCW's forums.

2017

Professionally, I'll be speaking at a lot of conferences and meetups this year. As a Developer Evangelist for Stormpath, I'm expected to speak at least once a month. I did a webinar on Getting Started with Angular in mid-January and I'm traveling next week to Jfokus in Stockholm. See my future engagements for more scheduled events.

I suspect most of the coding I'll be doing will be related to Stormpath's SDKs, both Angular and Java. Of course, I'll help out on JHipster as much as I can too. With JHipster 4 on the horizon, there will be a lot of work to update the JHipster Mini-Book.

Hefe 3.0 will be released this spring after I get a sweet sound system installed. As far as personal goals for 2017, I have only one: to drive Hefe up the California coast. With a new house, two running VWs, and a job that's a helluva lot of fun, life is pretty awesome right now.

Life as an Open Source Developer

2016-11-03T16:29:01-06:00

It's been a little over a month since I started my new gig at Stormpath. I gotta say, life is great as an open source developer! Yes, I did start working for them as a consultant in April, so it's not a huge change for me. However, I only recently realized I haven't written a single line of proprietary code the entire time. My GitHub contributions look pretty good this year. They're nothing like @mojavelinux, or @dsyer, but I'll get there.

It's also been a bit more stress than I'm used to. I think this comes from a couple things: 1) turning my hobby into my job and 2) I've set a lot of high expectations for myself. As a developer evangelist, I get to create my own job. That means I can speak at the conferences I want to, write the code I want to, create the blog posts I want to, and everything else in between.

At the end of September, I finished updating the JHipster Mini-Book for JHipster 3.x. It's gone through tech editing and it's being copy-edited right now. I hope to release it within a week.

In early October, I said I'd commit to writing one blog post per week, develop a JHipster module for Stormpath, and help get their Angular 2 support good enough for an alpha release. I'm happy to report I've been able to accomplish most of these and I hope to show off our Angular 2 support soon.

I then channeled my efforts into integrating Stormpath's Java SDK with their AngularJS directives. You can read about how I did that in Get Started with AngularJS, Spring Boot, and Stormpath. Unlike my previous AngularJS tutorial, this one connects to a backend and shows how to communicate with Spring Boot cross-domain.

If you like to read code more than words, you can look at the example project's commits on GitHub.

Create an AngularJS UI: search and edit features
Create a Spring Boot app with Stormpath: app from start.stormpath.io
Develop an API to CRUD people with Spring Data REST: /api/people
Integrate AngularJS and Spring Boot apps: cross-domain
Integrate Stormpath into AngularJS for login, registration and forgot password: Stormpath Angular SDK

Last week, I released a JHipster module that integrates Stormpath. This exercise was good because I was able to identify some gaps in Stormpath's SDKs and fix them. Getting something to work made me feel good; having the ability to improve the developer experience was even better! Of course, I blogged about what I learned.

This week, I edited and code reviewed some posts from Karl Penzhorn on React with Spring Boot and using webpack with React. I also got to bang my head against the wall writing Angular 2 tests. If you're writing a module for Angular 2, generator-angular2-module provides a nice starting point.

Last, but certainly not least, I'll be speaking at a few events about Microservices, JHipster, Angular 2 and Stormpath in the near feature.

Rocky Mountain Software Symposium, November 19
The Rich Web Experience, December 9
A joint talk at Denver JUG with the infamous Josh Long, December 14

If you have any questions about developer evangelism, the technologies I mentioned in this post, or Stormpath, please let me know. Otherwise, I hope to see you on the road soon!

Life Update: A Summer to Remember, a New House, and a Sweet New Gig

2016-09-26T07:29:24-06:00

TL;DR: I had a super fun summer traveling with my family, recently moved to a new house in the country, and I've joined Stormpath as a Developer Evangelist. Wahoo!

I've written several "life update" posts in the past, but there's been few as epic as this one. When I wrote my 2016 Goals, I listed "July in Montana" as one of them. And y'all know that "finish the bus" was #1. Since the bus is done, I wanted to show it off in my hometown 4th of July parade in Condon, Montana.

A path to these goals became clear in mid-June, shortly after visiting London and Tallinn with my Mom. It involved a lot of driving, but I was determined to make it happen. I was so excited about my plan that I sent an email to my best friend, Owen, on June 15.

Hey Owen!

Hope you're doing well and enjoying the summer. I just wanted to give you a heads up that I'll be in Montana quite a bit this summer. First of all, we'll be driving up with the bus (it's finally done!) next week. We're not staying though - we have a flight out of Missoula to Hawaii on Saturday morning. We're going with Trish's family to celebrate her parent's 50th wedding anniversary.

We return on June 3rd, just in time to drive the bus in the parade on the 4th! I'll likely drive it down to Seeley Lake to be in theirs as well.

We're driving back to Denver on July 9 to be in a VW show on the 10th. Then I'll be driving our van back to MT starting on July 11. I plan to take it slow and work from the van on my way. My goal is to arrive by Thursday, July 14 for the Bob Marshall Music Festival.

Trish will fly in for the weekend. My birthday is that Saturday, the 16th! I plan to camp in Seeley and enjoy the music. Then, I'll hang out another week with my folks, working remotely and playing. I'll return to Denver on July 23.

Can't wait to drink some beer with you old buddy!

Cheers,

Matt

Fast forward to today, September 26, 2016 → it's fun to reminisce that I traveled to Hawaii for a wonderful anniversary celebration, flew to Montana for two 4th of July parades, showed Hefe at the Colorado Bug-In, and lived the #vanlife on the way to The Cabin via Grand Junction, Jackson Hole, Missoula and Seeley Lake.

You can see why it was a summer to remember. Here's some pics:

New House
Trish and I've been looking for a new house for a while now. I wrote about how we tried to sell our home near DU last year. For the first year of our search, we were focused on finding a place near the kids' school. This spring, we shifted our focus to looking for horse property. Trish was a competitive equestrian jumper in high school and she's got Abbie into it so why not? After all, their horse hobby is much less expensive than my VW obsession.

In late July, Trish found the property of her dreams in Centennial, Colorado (just north of Parker). At the time, I was still in Montana and the kids were in Florida with their Mom. Nevertheless, it felt right and we went for it. We put an offer on the home on July 19 and today I'm writing this blog post inside our new home. We moved in last week and couldn't be happier. Of course, we wish we were fully moved in, but we realize that'll probably take another week or two. The only downside of the move is we had to sell our mountain views in Fraser. The good news is we have new mountain views, two acres of land and plenty of room for our classic VW collection.

New Gig at Stormpath
I've been working with Stormpath as a consultant since April. I contributed a fair amount of my time to helping them develop and launch their Java SDK 1.0 release. After the first couple months, I started talking with their co-founder and CTO, Les Hazlewood, about joining Stormpath full-time. At first I was more interested in continuing my career as an independent consultant. Then I really started to think about what I liked to do for work. It came down to a few things: develop open source software, write about what I've learned as a developer and preach the gospel of good developer tools. I sent Les a "Stormpath Employment Proposal" in late July.

After many conversations with Les and Alex (Stormpath's CEO), I flew out for interviews in early September.

More photos on Flickr → 2016: A Summer to Remember

The interviews went great and I'm happy to say that Stormpath has offered me an tremendous opportunity to code, learn, and educate. Simply put: they gave me an offer I couldn't refuse. I quickly accepted and today is my first day as a Stormpath Developer Evangelist.

It takes a special kind of company to entice me to work for them full-time and I'm looking forward to doing great things with Stormpath. Now more than ever, there's a good chance I'll see you on the road or at a conference soon!

Getting Started + Testing with Angular CLI and Angular 2 (RC5)

2016-08-23T17:18:41-06:00

I started creating Angular 2 applications when it was in beta (back in March). To keep up with Angular 2's changes, I wrote a tutorial about developing with RC1 in June. Earlier this month, RC5 was released and many things changed once again. I think Scott Davis sums it up nicely in a tweet.

They keep saying "Release Candidate", but I don't think it means what they think it means...

/cc #angular2 #rc5 https://t.co/WmNalTYgTN
— Scott Davis (@scottdavis99) August 10, 2016

To keep up with the rapid pace of change in Angular 2, I decided to write another tutorial, this time using Angular CLI. The biggest change I found since writing the last tutorial is testing infrastructure changes. Since Angular's Testing documentation hasn't been updated recently, hopefully this tutorial will help.

Below is a table of contents in case you want to skip right to a particular section.

What you'll build

You'll build a simple web application with Angular CLI, a new tool for Angular 2 development. You'll create an application with search and edit features.

What you'll need

About 30-40 minutes.
A favorite text editor or IDE. I recommend IntelliJ IDEA and its Angular 2 TypeScript Live Templates plugin.
Node.js and npm installed. I recommend using nvm.
Angular CLI installed. If you don't have Angular CLI installed, install it using npm install -g angular-cli@latest.

The latest release of Angular CLI (beta 10) uses Angular 2 RC4. Because of this, I used the master branch of Angular CLI to create this tutorial. To do this, clone angular-cli and run npm link in the directory you cloned it into. If you have issues, see #1733.

Angular Augury is a Google Chrome Dev Tools extension for debugging Angular 2 applications. I haven't needed it much myself, but I can see how it might come in handy.

Create your project

Create a new project using the ng new command:

ng new ng2-demo

This will create a ng2-demo project and run npm install in it. It takes about a minute to complete, but will vary based on your internet connection speed.

[mraible:~/dev] 45s $ ng new ng2-demo
installing ng2
  create .editorconfig
  create README.md
  create src/app/app.component.css
  create src/app/app.component.html
  create src/app/app.component.spec.ts
  create src/app/app.component.ts
  create src/app/environment.ts
  create src/app/index.ts
  create src/app/shared/index.ts
  create src/favicon.ico
  create src/index.html
  create src/main.ts
  create src/system-config.ts
  create src/tsconfig.json
  create src/typings.d.ts
  create angular-cli-build.js
  create angular-cli.json
  create config/environment.dev.ts
  create config/environment.js
  create config/environment.prod.ts
  create config/karma-test-shim.js
  create config/karma.conf.js
  create config/protractor.conf.js
  create e2e/app.e2e-spec.ts
  create e2e/app.po.ts
  create e2e/tsconfig.json
  create e2e/typings.d.ts
  create .gitignore
  create package.json
  create public/.npmignore
  create tslint.json
  create typings.json
Successfully initialized git.
- Installing packages for tooling via npm
  -- es6-shim (global)
  -- angular-protractor (global dev)
  -- jasmine (global dev)
  -- selenium-webdriver (global dev)

Installed packages for tooling via npm.
[mraible:~/dev] 1m5s $

You can see the what version of Angular CLI you're using with ng --version.

$ ng --version
angular-cli: local (v1.0.0-beta.11-webpack.2, branch: master)
node: 4.4.7
os: darwin x64

Run the application

The project is configured with a simple web server for development. To start it, run:

ng serve

You should see a screen like the one below at http://localhost:4200.

You can make sure your new project's tests pass, run ng test:

$ ng test
Built project successfully. Stored in "dist/".
...
Chrome 52.0.2743 (Mac OS X 10.11.6): Executed 2 of 2 SUCCESS (0.039 secs / 0.012 secs)

Add a search feature

To add a search feature, open the project in an IDE or your favorite text editor. For IntelliJ IDEA, use File > New Project > Static Web and point to the ng2-demo directory.

The Basics

In a terminal window, cd into your project's directory and run the following command. This will create a search component.

$ ng g component search
installing component
  create src/app/search/search.component.css
  create src/app/search/search.component.html
  create src/app/search/search.component.spec.ts
  create src/app/search/search.component.ts
  create src/app/search/index.ts

Adding a Search Route
In previous versions of CLI, you could generate a route and a component. However, since beta 8, route generation has been disabled. This will likely be re-enabled in a future release.

The Router documentation for Angular 2 RC5 provides the information you need to setup a route to the SearchComponent you just generated. Here's a quick summary:

Create src/app/app.routing.ts to define your routes.

import { Routes, RouterModule } from '@angular/router';
import { SearchComponent } from './search/index';

const appRoutes: Routes = [
  { path: 'search', component: SearchComponent },
  { path: '', redirectTo: '/search', pathMatch: 'full' }
];

export const appRoutingProviders: any[] = [];

export const routing = RouterModule.forRoot(appRoutes);

Without the last path to redirect, there's a Cannot match any routes: '' console error.

In src/app/app.module.ts, import the two constants you exported and configure them in @NgModule:

import { routing, appRoutingProviders } from './app.routing';

import { SearchComponent } from './search/search.component';

@NgModule({
  ...
  imports: [
    ...
    routing
  ],
  providers: [appRoutingProviders],
  ...
})
export class AppModule { }

In src/app/app.component.html, add a RouterOutlet to display routes.

<!-- Routed views go here -->
<router-outlet></router-outlet>

Now that you have routing setup, you can continue writing the search feature.

To allow navigation to the SearchComponent, you can add a link in src/app/app.component.html.

<nav>
  <a routerLink="/search" routerLinkActive="active">Search</a>
</nav>

Open src/app/search/search.component.html and replace its default HTML with the following:

<h2>Search</h2>
<form>
  <input type="search" name="query" [(ngModel)]="query" (keyup.enter)="search()">
  <button type="button" (click)="search()">Search</button>
</form>
<pre>{{searchResults | json}}</pre>

If you still have ng serve running, your browser should refresh automatically. If not, navigate to http://localhost:4200, and you should see the search form.

If you want to add CSS for this components, open src/app/search/search.component.css and add some CSS. For example:

:host {
  display: block;
  padding: 0 20px;
}

This section has shown you how to generate a new component to a basic Angular 2 application with Angular CLI. The next section shows you how to create a use a JSON file and localStorage to create a fake API.

The Backend

To get search results, create a SearchService that makes HTTP requests to a JSON file. Start by generating a new service.

ng g service search

Move the generated search.service.ts and its test to app/shared/search. You will likely need to create this directory.

Then, create src/app/shared/search/data/people.json to hold your data.

[
  {
    "id": 1,
    "name": "Peyton Manning",
    "phone": "(303) 567-8910",
    "address": {
      "street": "1234 Main Street",
      "city": "Greenwood Village",
      "state": "CO",
      "zip": "80111"
    }
  },
  {
    "id": 2,
    "name": "Demaryius Thomas",
    "phone": "(720) 213-9876",
    "address": {
      "street": "5555 Marion Street",
      "city": "Denver",
      "state": "CO",
      "zip": "80202"
    }
  },
  {
    "id": 3,
    "name": "Von Miller",
    "phone": "(917) 323-2333",
    "address": {
      "street": "14 Mountain Way",
      "city": "Vail",
      "state": "CO",
      "zip": "81657"
    }
  }
]

Modify src/app/shared/search/search.service.ts and provide Http as a dependency in its constructor. In this same file, create a getAll() method to gather all the people. Also, define the Address and Person classes that JSON will be marshalled to.

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

@Injectable()
export class SearchService {
  constructor(private http: Http) {}

  getAll() {
    return this.http.get('app/shared/search/data/people.json').map((res: Response) => res.json());
  }
}

export class Address {
  street: string;
  city: string;
  state: string;
  zip: string;

  constructor(obj?: any) {
    this.street = obj && obj.street || null;
    this.city = obj && obj.city || null;
    this.state = obj && obj.state || null;
    this.zip = obj && obj.zip || null;
  }
}

export class Person {
  id: number;
  name: string;
  phone: string;
  address: Address;

  constructor(obj?: any) {
    this.id = obj && Number(obj.id) || null;
    this.name = obj && obj.name || null;
    this.phone = obj && obj.phone || null;
    this.address = obj && obj.address || null;
  }
}

To make these classes available for consumption by your components, edit src/app/shared/index.ts and add the following:

export * from './search/search.service';

In search.component.ts, add imports for these classes.

import { Person, SearchService } from '../shared/index';

You can now add query and searchResults variables. While you're there, modify the constructor to inject the SearchService.

export class SearchComponent implements OnInit {
  query: string;
  searchResults: Array<Person>;

  constructor(private searchService: SearchService) {}

Then implement the search() method to call the service's getAll() method.

search(): void {
  this.searchService.getAll().subscribe(
    data => { this.searchResults = data; },
    error => console.log(error)
  );
}

At this point, you'll likely see the following message in your browser's console.

ORIGINAL EXCEPTION: No provider for SearchService!

To fix the "No provider" error from above, update app.component.ts to import the SearchService and add the service to the list of providers.

import { SearchService } from './shared/index';

@Component({
  ...
  styleUrls: ['app.component.css'],
  viewProviders: [SearchService]
})

Now clicking the search button should work. To make the results look better, remove the <pre> tag and replace it with a <table>.

<table *ngIf="searchResults">
  <thead>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>Address</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let person of searchResults; let i=index">
    <td>{{person.name}}</td>
    <td>{{person.phone}}</td>
    <td>{{person.address.street}}<br/>
      {{person.address.city}}, {{person.address.state}} {{person.address.zip}}
    </td>
  </tr>
  </tbody>
</table>

Then add some additional CSS to improve its table layout.

table {
  margin-top: 10px;
  border-collapse: collapse;
}

th {
  text-align: left;
  border-bottom: 2px solid #ddd;
  padding: 8px;
}

td {
  border-top: 1px solid #ddd;
  padding: 8px;
}

Now the search results look better.

But wait, we still don't have search functionality! To add a search feature, add a search() method to SearchService.

search(q: string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results: any = [];
    data.map(item => {
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

Then refactor SearchComponent to call this method with its query variable.

search(): void {
  this.searchService.search(this.query).subscribe(
    data => { this.searchResults = data; },
    error => console.log(error)
  );
}

Now search results will be filtered by the query value you type in.

This section showed you how to fetch and display search results. The next section builds on this and shows how to edit and save a record.

Add an edit feature

Modify search.component.html to add a click handler for editing a person.

<td><a (click)="onSelect(person)">{{person.name}}</a></td>

In previous versions of Angular 2, you could embed a link with parameters directly into the HTML. For example:

<a [routerLink]="['/edit', person.id]">

Unfortunately, this doesn't work with RC5. Another issue is adding href="" causes the page to refresh. Without href, the link doesn't look like a link. If you know of a solution to this problem, please send me a pull request.

Then add onSelect(person) to search.component.ts. You'll need to import Router and set it as a local variable to make this work.

import { Router } from '@angular/router';
...
export class SearchComponent implements OnInit {
  ...

  constructor(private searchService: SearchService, private router: Router) { }

  ...

  onSelect(person: Person) {
    this.router.navigate(['/edit', person.id]);
  }
}

Run the following command to generate an EditComponent.

$ ng g component edit
installing component
  create src/app/edit/edit.component.css
  create src/app/edit/edit.component.html
  create src/app/edit/edit.component.spec.ts
  create src/app/edit/edit.component.ts
  create src/app/edit/index.ts

Add a route for this component in app.routing.ts:

import { EditComponent } from './edit/index';

const appRoutes: Routes = [
  { path: 'search', component: SearchComponent },
  { path: 'edit/:id', component: EditComponent },
  { path: '', redirectTo: '/search', pathMatch: 'full' }
];

Update src/app/edit/edit.component.html to display an editable form. You might notice I've added id attributes to most elements. This is to make things easier when writing integration tests with Protractor.

<div *ngIf="person">
  <h3>{{editName}}</h3>
  <div>
    <label>Id:</label>
    {{person.id}}
  </div>
  <div>
    <label>Name:</label>
    <input [(ngModel)]="editName" name="name" id="name" placeholder="name"/>
  </div>
  <div>
    <label>Phone:</label>
    <input [(ngModel)]="editPhone" name="phone" id="phone" placeholder="Phone"/>
  </div>
  <fieldset>
    <legend>Address:</legend>
    <address>
      <input [(ngModel)]="editAddress.street" id="street"><br/>
      <input [(ngModel)]="editAddress.city" id="city">,
      <input [(ngModel)]="editAddress.state" id="state" size="2">
      <input [(ngModel)]="editAddress.zip" id="zip" size="5">
    </address>
  </fieldset>
  <button (click)="save()" id="save">Save</button>
  <button (click)="cancel()" id="cancel">Cancel</button>
</div>

Modify EditComponent to import model and service classes and to use the SearchService to get data.

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Address, Person, SearchService } from '../shared/index';
import { Subscription } from 'rxjs';
import { ActivatedRoute, Router } from '@angular/router';

@Component({
  selector: 'app-edit',
  templateUrl: 'edit.component.html',
  styleUrls: ['edit.component.css']
})
export class EditComponent implements OnInit, OnDestroy {
  person: Person;
  editName: string;
  editPhone: string;
  editAddress: Address;

  sub: Subscription;

  constructor(private route: ActivatedRoute,
              private router: Router,
              private service: SearchService) {
  }

  ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
      let id = + params['id']; // (+) converts string 'id' to a number
      this.service.get(id).subscribe(person => {
        if (person) {
          this.editName = person.name;
          this.editPhone = person.phone;
          this.editAddress = person.address;
          this.person = person;
        } else {
          this.gotoList();
        }
      });
    });
  }

  ngOnDestroy() {
    this.sub.unsubscribe();
  }

  cancel() {
    this.router.navigate(['/search']);
  }

  save() {
    this.person.name = this.editName;
    this.person.phone = this.editPhone;
    this.person.address = this.editAddress;
    this.service.save(this.person);
    this.gotoList();
  }

  gotoList() {
    if (this.person) {
      this.router.navigate(['/search', {term: this.person.name} ]);
    } else {
      this.router.navigate(['/search']);
    }
  }
}

Modify SearchService to contain functions for finding a person by their id, and saving them. While you're in there, modify the search() method to be aware of updated objects in localStorage.

search(q: string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results: any = [];
    data.map(item => {
      // check for item in localStorage
      if (localStorage['person' + item.id]) {
        item = JSON.parse(localStorage['person' + item.id]);
      }
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

get(id: number) {
  return this.getAll().map(all => {
    if (localStorage['person' + id]) {
      return JSON.parse(localStorage['person' + id]);
    }
    return all.find(e => e.id === id);
  });
}

save(person: Person) {
  localStorage['person' + person.id] = JSON.stringify(person);
}

You can add CSS to src/app/edit/edit.component.css if you want to make the form look a bit better.

:host {
  display: block;
  padding: 0 20px;
}

button {
  margin-top: 10px;
}

At this point, you should be able to search for a person and update their information.

The <form> in src/app/edit/edit.component.html calls a save() function to update a person's data. You already implemented this above. The function calls a gotoList() function that appends the person's name to the URL when sending the user back to the search screen.

gotoList() {
  if (this.person) {
    this.router.navigate(['/search', {term: this.person.name} ]);
  } else {
    this.router.navigate(['/search']);
  }
}

Since the SearchComponent doesn't execute a search automatically when you execute this URL, add the following logic to do so in its constructor.

import { Router, ActivatedRoute } from '@angular/router';
import { Subscription } from 'rxjs';
...
  sub: Subscription;

  constructor(private searchService: SearchService, private router: Router, private route: ActivatedRoute) {
    this.sub = this.route.params.subscribe(params => {
      if (params['term']) {
        this.query = decodeURIComponent(params['term']);
        this.search();
      }
    });
  }

You'll want to implement OnDestroy and define the ngOnDestroy method to clean up this subscription.

import { Component, OnInit, OnDestroy } from '@angular/core';

export class SearchComponent implements OnInit, OnDestroy {
...
  ngOnDestroy() {
    this.sub.unsubscribe();
  }
}

After making all these changes, you should be able to search/edit/update a person's information. If it works - nice job!

Testing

Now that you've built an application, it's important to test it to ensure it works. The best reason for writing tests is to automate your testing. Without tests, you'll likely be testing manually. This manual testing will take longer and longer as your application grows.

In this section, you'll learn to use Jasmine for unit testing controllers and Protractor for integration testing. Angular's testing documentation lists good reasons to test, but doesn't currently have many examples.

Unit test the SearchService

Modify src/app/shared/search/search.service.spec.ts and setup the test's infrastructure using MockBackend and BaseRequestOptions.

import { MockBackend } from '@angular/http/testing';
import { Http, ConnectionBackend, BaseRequestOptions, Response, ResponseOptions } from '@angular/http';
import { SearchService } from './search.service';
import { tick, fakeAsync } from '@angular/core/testing/fake_async';
import { inject, TestBed } from '@angular/core/testing/test_bed';

describe('SearchService', () => {
  beforeEach(() => {

    TestBed.configureTestingModule({
      providers: [
        {
          provide: Http, useFactory: (backend: ConnectionBackend, defaultOptions: BaseRequestOptions) => {
          return new Http(backend, defaultOptions);
        }, deps: [MockBackend, BaseRequestOptions]
        },
        {provide: SearchService, useClass: SearchService},
        {provide: MockBackend, useClass: MockBackend},
        {provide: BaseRequestOptions, useClass: BaseRequestOptions}
      ]
    });
  });
});

If you run ng test, you will likely see some errors about the test stubs that Angular CLI created for you. You can ignore these for now.

ERROR in [default] /Users/mraible/ng2-demo/src/app/edit/edit.component.spec.ts:10:20
Supplied parameters do not match any signature of call target.

ERROR in [default] /Users/mraible/ng2-demo/src/app/search/search.component.spec.ts:10:20
Supplied parameters do not match any signature of call target.

Add the first test of getAll() to search.service.spec.ts. This test shows how MockBackend can be used to mock results and set the response.

TIP: When you are testing code that returns either a Promise or an RxJS Observable, you can use the fakeAsync helper to test that code as if it were synchronous. Promises are be fulfilled and Observables are notified immediately after you call tick().

The test below should be on the same level as beforeEach.

it('should retrieve all search results',
  inject([SearchService, MockBackend], fakeAsync((searchService: SearchService, mockBackend: MockBackend) => {
    let res: Response;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"name": "John Elway"}, {"name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.getAll().subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('John Elway');
  }))
);

Notice that tests continually run as you add them when using ng test. You can run tests once by using ng test --watch=false. You will likely see "Executed 5 of 5 (1 FAILED)" in your terminal. Add a couple more tests for filtering by search term and fetching by id.

it('should filter by search term',
  inject([SearchService, MockBackend], fakeAsync((searchService: SearchService, mockBackend: MockBackend) => {
    let res;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"name": "John Elway"}, {"name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.search('john').subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('John Elway');
  }))
);

it('should fetch by id',
  inject([SearchService, MockBackend], fakeAsync((searchService: SearchService, mockBackend: MockBackend) => {
    let res;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"id": 1, "name": "John Elway"}, {"id": 2, "name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.search('2').subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('Gary Kubiak');
  }))
);

Unit test the SearchComponent

To unit test the SearchComponent, create a MockSearchProvider that has spies. These allow you to spy on functions to check if they were called.

Create src/app/shared/search/mocks/search.service.ts and populate it with spies for each method, as well as methods to set the response and subscribe to results.

import { SpyObject } from './helper';
import { SearchService } from '../search.service';
import Spy = jasmine.Spy;

export class MockSearchService extends SpyObject {
  getAllSpy: Spy;
  getByIdSpy: Spy;
  searchSpy: Spy;
  saveSpy: Spy;
  fakeResponse: any;

  constructor() {
    super( SearchService );

    this.fakeResponse = null;
    this.getAllSpy = this.spy('getAll').andReturn(this);
    this.getByIdSpy = this.spy('get').andReturn(this);
    this.searchSpy = this.spy('search').andReturn(this);
    this.saveSpy = this.spy('save').andReturn(this);
  }

  subscribe(callback: any) {
    callback(this.fakeResponse);
  }

  setResponse(json: any): void {
    this.fakeResponse = json;
  }
}

In this same directory, create a helper.ts class to implement the SpyObject that MockSearchService extends.

import {StringMapWrapper} from '@angular/core/src/facade/collection';

export interface GuinessCompatibleSpy extends jasmine.Spy {
  /** By chaining the spy with and.returnValue, all calls to the function will return a specific
   * value. */
  andReturn(val: any): void;
  /** By chaining the spy with and.callFake, all calls to the spy will delegate to the supplied
   * function. */
  andCallFake(fn: Function): GuinessCompatibleSpy;
  /** removes all recorded calls */
  reset();
}

export class SpyObject {
  static stub(object = null, config = null, overrides = null) {
    if (!(object instanceof SpyObject)) {
      overrides = config;
      config = object;
      object = new SpyObject();
    }

    let m = StringMapWrapper.merge(config, overrides);
    StringMapWrapper.forEach(m, (value, key) => { object.spy(key).andReturn(value); });
    return object;
  }

  constructor(type = null) {
    if (type) {
      for (let prop in type.prototype) {
        let m = null;
        try {
          m = type.prototype[prop];
        } catch (e) {
          // As we are creating spys for abstract classes,
          // these classes might have getters that throw when they are accessed.
          // As we are only auto creating spys for methods, this
          // should not matter.
        }
        if (typeof m === 'function') {
          this.spy(prop);
        }
      }
    }
  }

  spy(name) {
    if (!this[name]) {
      this[name] = this._createGuinnessCompatibleSpy(name);
    }
    return this[name];
  }

  prop(name, value) { this[name] = value; }

  /** @internal */
  _createGuinnessCompatibleSpy(name): GuinessCompatibleSpy {
    let newSpy: GuinessCompatibleSpy = <any>jasmine.createSpy(name);
    newSpy.andCallFake = <any>newSpy.and.callFake;
    newSpy.andReturn = <any>newSpy.and.returnValue;
    newSpy.reset = <any>newSpy.calls.reset;
    // revisit return null here (previously needed for rtts_assert).
    newSpy.and.returnValue(null);
    return newSpy;
  }
}

Alongside, create routes.ts to mock Angular's Router and ActivatedRoute.

import { ActivatedRoute, Params } from '@angular/router';
import { Observable } from 'rxjs';

export class MockActivatedRoute extends ActivatedRoute {
  params: Observable<Params>

  constructor(parameters?: { [key: string]: any; }) {
    super();
    this.params = Observable.of(parameters);
  }
}

export class MockRouter {
  navigate = jasmine.createSpy('navigate');
}

With mocks in place, you can TestBed.configureTestingModule() to setup SearchComponent to use these as providers.

import { ActivatedRoute, Router } from '@angular/router';
import { MockActivatedRoute, MockRouter } from '../shared/search/mocks/routes';
import { MockSearchService } from '../shared/search/mocks/search.service';
import { SearchComponent } from './search.component';
import { TestBed } from '@angular/core/testing/test_bed';
import { FormsModule } from '@angular/forms';
import { SearchService } from '../shared/search/search.service';

describe('Component: Search', () => {
  let mockSearchService: MockSearchService;
  let mockActivatedRoute: MockActivatedRoute;
  let mockRouter: MockRouter;

  beforeEach(() => {
    mockSearchService = new MockSearchService();
    mockActivatedRoute = new MockActivatedRoute({'term': 'peyton'});
    mockRouter = new MockRouter();

    TestBed.configureTestingModule({
      declarations: [SearchComponent],
      providers: [
        {provide: SearchService, useValue: mockSearchService},
        {provide: ActivatedRoute, useValue: mockActivatedRoute},
        {provide: Router, useValue: mockRouter}
      ],
      imports: [FormsModule]
    });
  });
});

Add two tests, one to verify a search term is used when it's set on the component, and a second to verify search is called when a term is passed in as a route parameter.

it('should search when a term is set and search() is called', () => {
  let fixture = TestBed.createComponent(SearchComponent);
  let searchComponent = fixture.debugElement.componentInstance;
  searchComponent.query = 'M';
  searchComponent.search();
  expect(mockSearchService.searchSpy).toHaveBeenCalledWith('M');
});

it('should search automatically when a term is on the URL', () => {
  let fixture = TestBed.createComponent(SearchComponent);
  fixture.detectChanges();
  expect(mockSearchService.searchSpy).toHaveBeenCalledWith('peyton');
});

After adding these tests, you should see the first instance of all tests passing (Executed 8 of 8 SUCCESS).

Update the test for EditComponent, verifying fetching a single record works. Notice how you can access the component directly with fixture.debugElement.componentInstance, or its rendered version with fixture.debugElement.nativeElement.

import { MockSearchService } from '../shared/search/mocks/search.service';
import { EditComponent } from './edit.component';
import { TestBed } from '@angular/core/testing/test_bed';
import { SearchService } from '../shared/search/search.service';
import { MockRouter, MockActivatedRoute } from '../shared/search/mocks/routes';
import { ActivatedRoute, Router } from '@angular/router';
import { FormsModule } from '@angular/forms';

describe('Component: Edit', () => {
  let mockSearchService: MockSearchService;
  let mockActivatedRoute: MockActivatedRoute;
  let mockRouter: MockRouter;

  beforeEach(() => {
    mockSearchService = new MockSearchService();
    mockActivatedRoute = new MockActivatedRoute({'id': 1});
    mockRouter = new MockRouter();

    TestBed.configureTestingModule({
      declarations: [EditComponent],
      providers: [
        {provide: SearchService, useValue: mockSearchService},
        {provide: ActivatedRoute, useValue: mockActivatedRoute},
        {provide: Router, useValue: mockRouter}
      ],
      imports: [FormsModule]
    });
  });

  it('should fetch a single record', () => {
    const fixture = TestBed.createComponent(EditComponent);

    let person = {name: 'Emmanuel Sanders', address: {city: 'Denver'}};
    mockSearchService.setResponse(person);

    fixture.detectChanges();
    // verify service was called
    expect(mockSearchService.getByIdSpy).toHaveBeenCalledWith(1);

    // verify data was set on component when initialized
    let editComponent = fixture.debugElement.componentInstance;
    expect(editComponent.editAddress.city).toBe('Denver');

    // verify HTML renders as expected
    let compiled = fixture.debugElement.nativeElement;
    expect(compiled.querySelector('h3').innerHTML).toBe('Emmanuel Sanders');
  });
});

You should see "Executed 8 of 8 SUCCESS (0.238 secs / 0.259 secs)" in the shell window that's running ng test. If you don't, try cancelling the command and restarting.

Integration test the search UI

To test if the application works end-to-end, you can write tests with Protractor. These are also known as integration tests, since they test the integration between all layers of your application.

To verify end-to-end tests work in the project before you begin, run the following commands in three different console windows.

ng serve
ng e2e

All tests should pass.

$ ng e2e

> ng2-demo@0.0.0 pree2e /Users/mraible/dev/ng2-demo
> webdriver-manager update

Updating selenium standalone to version 2.52.0
downloading https://selenium-release.storage.googleapis.com/2.52/selenium-server-standalone-2.52.0.jar...
Updating chromedriver to version 2.21
downloading https://chromedriver.storage.googleapis.com/2.21/chromedriver_mac32.zip...
chromedriver_2.21mac32.zip downloaded to /Users/mraible/dev/ng2-demo/node_modules/protractor/selenium/chromedriver_2.21mac32.zip
selenium-server-standalone-2.52.0.jar downloaded to /Users/mraible/dev/ng2-demo/node_modules/protractor/selenium/selenium-server-standalone-2.52.0.jar

> ng2-demo@0.0.0 e2e /Users/mraible/dev/ng2-demo
> protractor "config/protractor.conf.js"

[00:01:07] I/direct - Using ChromeDriver directly...
[00:01:07] I/launcher - Running 1 instances of WebDriver
Spec started

  ng2-demo App
    ✔ should display message saying app works

Executed 1 of 1 spec SUCCESS in 0.684 sec.
[00:01:09] I/launcher - 0 instance(s) of WebDriver still running
[00:01:09] I/launcher - chrome #01 passed

All end-to-end tests pass.

Testing the search feature

Create end-to-end tests in e2e/search.e2e-spec.ts to verify the search feature works. Populate it with the following code:

describe('Search', () => {

  beforeEach(() => {
    browser.get('/search');
    element(by.linkText('Search')).click();
  });

  it('should have an input and search button', () => {
    expect(element(by.css('app-root app-search form input')).isPresent()).toEqual(true);
    expect(element(by.css('app-root app-search form button')).isPresent()).toEqual(true);
  });

  it('should allow searching', () => {
    let searchButton = element(by.css('button'));
    let searchBox = element(by.css('input'));
    searchBox.sendKeys('M');
    searchButton.click().then(() => {
      var list = element.all(by.css('app-search table tbody tr'));
      expect(list.count()).toBe(3);
    });
  });
});

Testing the edit feature

Create a e2e/edit.e2e-spec.ts test to verify the EditComponent renders a person's information and that their information can be updated.

describe('Edit', () => {

  beforeEach(() => {
    browser.get('/edit/1');
  });

  let name = element(by.id('name'));
  let street = element(by.id('street'));
  let city = element(by.id('city'));

  it('should allow viewing a person', () => {
    expect(element(by.css('h3')).getText()).toEqual('Peyton Manning');
    expect(name.getAttribute('value')).toEqual('Peyton Manning');
    expect(street.getAttribute('value')).toEqual('1234 Main Street');
    expect(city.getAttribute('value')).toEqual('Greenwood Village');
  });

  it('should allow updating a name', function () {
    let save = element(by.id('save'));
    // send individual characters since sendKeys passes partial values sometimes
    // https://github.com/angular/protractor/issues/698
    ' Won!'.split('').forEach((c) => name.sendKeys(c));
    save.click();
    // verify one element matched this change
    var list = element.all(by.css('app-search table tbody tr'));
    expect(list.count()).toBe(1);
  });
});

Run ng e2e to verify all your end-to-end tests pass. You should see a success message similar to the one below in your terminal window.

If you made it this far and have all your specs passing - congratulations! You're well on your way to writing quality code with Angular 2 and verifying it works.

You can see the test coverage of your project by opening coverage/index.html in your browser. You might notice that the new components and service could use some additional coverage. If you feel the need to improve this coverage, please send me a pull request!

Continuous Integration

At the time of this writing, Angular CLI did not have any continuous integration support. However, it's easy to add with Travis CI. If you've checked in your project to GitHub, you can easily use Travis CI. Simply login and enable builds for the GitHub repo you created the project in. Then add the following .travis.yml in your root directory and git push. This will trigger the first build.

language: node_js
sudo: true

cache:
  directories:
    - node
    - node_modules

dist: trusty

node_js:
  - '5.6.0'

branches:
  only:
  - master

before_install:
 - npm install -g angular-cli
 - export CHROME_BIN=/usr/bin/google-chrome
 - export DISPLAY=:99.0
 - sh -e /etc/init.d/xvfb start
 - sudo apt-get update
 - sudo apt-get install -y libappindicator1 fonts-liberation
 - wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
 - sudo dpkg -i google-chrome*.deb

script:
 - ng test --watch false # http://mseemann.de/frontend/2016/05/31/setup-angular-2-app-part-1.html
 - ng serve &
 - ng e2e

notifications:
  webhooks:
    on_success: change  # options: [always|never|change] default: always
    on_failure: always  # options: [always|never|change] default: always
    on_start: false     # default: false

Here is a build showing all unit and integration tests passing.

Source code

A completed project with this code in it is available on GitHub at https://github.com/mraible/ng2-demo. If you have ideas for improvements, please leave a comment or send a pull request.

This tutorial was originally written using Asciidoctor. This means you can read it using DocGist if you like.

Summary

I hope you've enjoyed this in-depth tutorial on how to get started with Angular 2 and Angular CLI. Angular CLI takes much of the pain out of setting up an Angular 2 project and using Typescript. I expect great things from Angular CLI, mostly because the Angular 2 setup process can be tedious and CLI greatly simplifies things.

Upcoming Events: Devoxx4Kids Denver, Testing Angular 2, DevoxxUS CFP and VJUG24

2016-08-12T15:29:01-06:00

It's been awhile since I've posted anything on this here blog. That usually means one thing - I've been off having fun! That couldn't be more true this summer. The day after my last post, I began traveling and haven't stopped since. In fact, this weekend will be the first weekend I've been home since writing that post. Hawaii, Montana, Denver, Montana, Colorado Springs and Utah - it's been a fabulous summer. I'll write more about those adventures soon.

In the meantime, I wanted to mention some upcoming events you might be interested in:

September 10: Devoxx4Kids Denver has an upcoming workshop on Exploring JavaScript with the world famous Dr. Venkat Subramaniam. If you know Venkat, you know this is a session you shouldn't miss. Your kids will love it, you'll get a lot of good laughs and everyone is sure to have a good time. Make sure and RSVP soon so you get in before this baby fills up!
August 22: HTML5 Denver has a sessions on ES6 vs. Typescript and Testing Angular 2 Applications. The first session will be delivered by my good friend Geoffrey Filippi and I'll be performing the second act with the help of angular-cli.
September 1: One of my favorite conferences, Devoxx, is coming to the US! DevoxxUS recently announced that registration is open. Even more interesting is that the CFP begins September 1st. I'm biased because I'm on the program committee, but I'd love to see your ideas for great talks!
September 27: Our good friends from vJUG are hosting the first 24 hour Virtual Java Conference in the world! I'll be speaking about the Art of Angular in 2016 at 10pm EDT.
September: I'm looking for new clients. My current contracts end on August 31 and I'm searching for the next cool team to work with. My expertise: Java, JavaScript and I'm really good at CSS. This is a hard combination to find! LMK if you have a need.

I hope to see you at one of these events!

A Delightful Trip to Devoxx UK and GeekOut 2016

2016-06-12T11:13:17-06:00

I had the pleasure of traveling to London, England and Tallin, Estonia this past week. In London, I spoke at Devoxx UK. In Tallin, I spoke at GeekOut. I took my mom (or mum, if you prefer) and we explored the sights, enjoyed local cuisines and savored a few beverages. Our trip started with a direct flight from Denver to London. We arrived on Tuesday, June 7, around noon.

We were only in London for two nights, but it was enough time for us to savor excellent Indian food, fancy a walk through London, and order a bow tie. I forgot the bow tie for my JHipster outfit. Luckily, I found a good replacement and was able to order it for next-day delivery. I had to order it by 5pm and the site declined both my credit cards with time running out. I ended up using PayPal and got my order placed in the nick of time: 16:59:51.

The big news announced at Devoxx UK is that Devoxx is coming to the United States in 2017! I'm on the program committee for this conference, so I look forward to helping make it spectacular.

The first ever #DevoxxUS is happening March 21-23, 2017 in San Jose, CA! https://t.co/jtQe95LNOL
— Devoxx US (@devoxxus) June 8, 2016

I thought both my talks went well, but I did have some issues during my Angular 2 talk. I used Angular CLI to do the demo and IDEA kept indexing, which caused my live templates to fail. I later learned from an attendee (thanks!) that excluding the dist and tmp directories helps prevents this. You can find the source code for my demo on GitHub.

You can view my "Art of Angular in 2016" presentation on SlideShare, watch it on YouTube, or just click through it below.

I also did a presentation on JHipster, leveraging JDL Studio heavily. You can click here to see the JDL I used for my blog demo. A video of this session is on YouTube.

We closed out our visit to London with a fun speaker's dinner and an early morning flight to Helsinki, then Tallinn.

In Tallinn, we wandered through its Old Town, had some great meals and marveled at how late the sun set. We stopped in at the GeekOut conference's party on Thursday night. The ZeroTurnaround guys did a heckuva job planning this conference. I loved how both the party and the conference were in large, industrial-but-modern buildings with great sound systems.

My JHipster talk went well on Friday (slides here) and my mom and I celebrated at Rataskaevu 16 that evening. Then we shared laughs and learned how to play jackbox.tv at ZeroTurnaround's post-conference party.

Our last night was spent in Helsinki, a 20-minute flight from Tallinn. Since my grandparents are Finnish, my mom delighted in hearing words from her youth along the streets. We both took advantage and relaxed in our hotel's roof top saunas too. We indulged in a food/wine-paired dinner over three hours that evening.

Thanks to the organizers and good friends from Devoxx UK and GeekOut. We had a great time and are still smiling about all our new memories.

Update on June 20, 2016: Devoxx UK has posted a channel on YouTube with all of its sessions. You can view my Art of Angular talk or Get Hip with JHipster.

Testing Angular 2.0 RC1 Applications

2016-06-06T09:57:13-06:00

As mentioned on Friday, there's been quite a bit that's changed with Angular 2 between its Beta 9 and RC 1 releases. This article is an update to the Testing Angular 2 Applications I wrote in March. That tutorial was based on Angular 2.0 Beta 9. Rather than simply updating that tutorial and blog post for 2.0 RC1, I decided to create a new version for posterity's sake. The 2.0 Beta 9 version will remain on my blog and I've tagged the source on GitHub.

If you've already read the first version of Testing Angular 2 Applications, checkout the diff of the Asciidoctor version to see what's changed.

What you'll build

You'll learn to use Jasmine for unit testing controllers and Protractor for integration testing. See Angular 2's guide to unit testing if you'd like more information on testing and why it's important.

The best reason for writing tests is to automate your testing. Without tests, you'll likely be testing manually. This manual testing will take longer and longer as your codebase grows.

What you'll need

About 15-30 minutes.
A favorite text editor or IDE. I recommend IntelliJ IDEA.
Git installed.
Node.js and npm installed. I recommend using nvm.

Get the tutorial project

Clone the angular2-tutorial repository, checkout the testing-start branch, and install its dependencies.

git clone https://github.com/mraible/angular2-tutorial.git
cd angular2-tutorial
git checkout testing-start
npm install

If you haven't completed the Getting Started with Angular 2.0 RC1 tutorial, you should peruse it so you understand how this application works. You can also simply start the app with npm start and view it in your browser at http://localhost:5555/.

Unit test the SearchService

Create src/client/app/shared/search/search.service.spec.ts and setup the test's infrastructure using MockBackend and BaseRequestOptions.

import {
  beforeEachProviders,
  it,
  describe,
  expect,
  inject,
  fakeAsync,
  tick
} from '@angular/core/testing';
import { MockBackend } from '@angular/http/testing';
import { provide } from '@angular/core';
import { Http, ConnectionBackend, BaseRequestOptions, Response, ResponseOptions } from '@angular/http';
import { SearchService } from './search.service';

export function main() {
  describe('Search Service', () => {
    beforeEachProviders(() => {
      return [BaseRequestOptions, MockBackend, SearchService,
        provide(Http, {
          useFactory: (backend:ConnectionBackend, defaultOptions:BaseRequestOptions) => {
            return new Http(backend, defaultOptions);
          }, deps: [MockBackend, BaseRequestOptions]
        }),
      ];
    });
  });
}

If you run npm test, all tests will pass, but you don't see "Search Service" as a listed test. You can fix this by adding the first test of getAll(). This test shows how MockBackend can be used to mock results and set the response.

TIP: When you are testing code that returns either a Promise or an RxJS Observable, you can use the fakeAsync helper to test that code as if it were synchronous. Promises are be fulfilled and Observables are notified immediately after you call tick().

The test below should be on the same level as beforeEachProviders.

it('should retrieve all search results',
  inject([SearchService, MockBackend], fakeAsync((searchService:SearchService, mockBackend:MockBackend) => {
    var res:Response;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"name": "John Elway"}, {"name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.getAll().subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('John Elway');
  }))
);

Running npm test should result in "12 tests completed". Add a couple more tests for filtering by search term and fetching by id.

it('should filter by search term',
  inject([SearchService, MockBackend], fakeAsync((searchService:SearchService, mockBackend:MockBackend) => {
    var res;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"name": "John Elway"}, {"name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.search('john').subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('John Elway');
  }))
);

it('should fetch by id',
  inject([SearchService, MockBackend], fakeAsync((searchService:SearchService, mockBackend:MockBackend) => {
    var res;
    mockBackend.connections.subscribe(c => {
      expect(c.request.url).toBe('app/shared/search/data/people.json');
      let response = new ResponseOptions({body: '[{"id": 1, "name": "John Elway"}, {"id": 2, "name": "Gary Kubiak"}]'});
      c.mockRespond(new Response(response));
    });
    searchService.search('2').subscribe((response) => {
      res = response;
    });
    tick();
    expect(res[0].name).toBe('Gary Kubiak');
  }))
);

If you want to have tests continually run as you add them, you can run the following commands in separate shell windows.

npm run build.test.watch
npm run karma.start

NOTE: See Running Unit Tests on Karma to learn how to run your tests from IntelliJ IDEA.

Unit test the SearchComponent

To unit test the SearchComponent, create a MockSearchProvider that has spies. These allow you to spy on functions to check if they were called.

Create src/client/app/shared/search/mocks/search.service.ts and populate it with spies for each method, as well as methods to set the response and subscribe to results.

import { provide } from '@angular/core';
import { SpyObject } from './helper';

import { SearchService } from '../search.service';
import Spy = jasmine.Spy;

export class MockSearchService extends SpyObject {
  getAllSpy:Spy;
  getByIdSpy:Spy;
  searchSpy:Spy;
  saveSpy:Spy;
  fakeResponse:any;

  constructor() {
    super(SearchService);

    this.fakeResponse = null;
    this.getAllSpy = this.spy('getAll').andReturn(this);
    this.getByIdSpy = this.spy('get').andReturn(this);
    this.searchSpy = this.spy('search').andReturn(this);
    this.saveSpy = this.spy('save').andReturn(this);
  }

  subscribe(callback:any) {
    callback(this.fakeResponse);
  }

  setResponse(json:any):void {
    this.fakeResponse = json;
  }

  getProviders():Array<any> {
    return [provide(SearchService, {useValue: this})];
  }
}

In this same directory, create a helper.ts class to implement the SpyObject that MockSearchService extends.

import {StringMapWrapper} from '@angular/core/src/facade/collection';

export interface GuinessCompatibleSpy extends jasmine.Spy {
  /** By chaining the spy with and.returnValue, all calls to the function will return a specific
   * value. */
  andReturn(val: any): void;
  /** By chaining the spy with and.callFake, all calls to the spy will delegate to the supplied
   * function. */
  andCallFake(fn: Function): GuinessCompatibleSpy;
  /** removes all recorded calls */
  reset();
}

export class SpyObject {
  static stub(object = null, config = null, overrides = null) {
    if (!(object instanceof SpyObject)) {
      overrides = config;
      config = object;
      object = new SpyObject();
    }

    var m = StringMapWrapper.merge(config, overrides);
    StringMapWrapper.forEach(m, (value, key) => { object.spy(key).andReturn(value); });
    return object;
  }

  constructor(type = null) {
    if (type) {
      for (var prop in type.prototype) {
        var m = null;
        try {
          m = type.prototype[prop];
        } catch (e) {
          // As we are creating spys for abstract classes,
          // these classes might have getters that throw when they are accessed.
          // As we are only auto creating spys for methods, this
          // should not matter.
        }
        if (typeof m === 'function') {
          this.spy(prop);
        }
      }
    }
  }

  spy(name) {
    if (!this[name]) {
      this[name] = this._createGuinnessCompatibleSpy(name);
    }
    return this[name];
  }

  prop(name, value) { this[name] = value; }

  /** @internal */
  _createGuinnessCompatibleSpy(name): GuinessCompatibleSpy {
    var newSpy: GuinessCompatibleSpy = <any>jasmine.createSpy(name);
    newSpy.andCallFake = <any>newSpy.and.callFake;
    newSpy.andReturn = <any>newSpy.and.returnValue;
    newSpy.reset = <any>newSpy.calls.reset;
    // revisit return null here (previously needed for rtts_assert).
    newSpy.and.returnValue(null);
    return newSpy;
  }
}

Alongside, create routes.ts to mock Angular's RouteSegment and passing parameters between components.

import { RouteSegment } from '@angular/router';

export class MockRouteSegment implements RouteSegment {
  urlSegments:any;
  parameters:any;
  outlet:string;
  _type:any;
  _componentFactory:any;
  type:any;
  stringifiedUrlSegments:string;

  constructor(parameters?:{ [key:string]:any; }) {
    this.parameters = parameters;
  }

  getParam(param:string) {
    return this.parameters[param];
  }
}

With mocks in place, you can create a spec for SearchComponent that uses these as providers. Create a file at src/search/components/search.component.spec.ts and populate it with the following code.

import { provide } from '@angular/core';
import { TestComponentBuilder } from '@angular/compiler/testing';
import {
  it,
  describe,
  expect,
  inject,
  beforeEachProviders,
} from '@angular/core/testing';

import { RouteSegment } from '@angular/router';
import { MockRouteSegment } from '../shared/search/mocks/routes';
import { MockSearchService } from '../shared/search/mocks/search.service';

import { SearchComponent } from './search.component';

export function main() {
  describe('Search component', () => {
    var mockSearchService:MockSearchService;

    beforeEachProviders(() => {
      mockSearchService = new MockSearchService();

      return [
        mockSearchService.getProviders(),
        provide(RouteSegment, { useValue: new MockRouteSegment({ 'term': 'peyton' }) })
      ];
    });
  });
}

Add two tests, one to verify a search term is used when it's set on the component and a second to verify search is called when a term is passed in as a route parameter.

it('should search when a term is set and search() is called', inject([TestComponentBuilder], (tcb:TestComponentBuilder) => {
  return tcb.createAsync(SearchComponent).then((fixture) => {
    let searchComponent = fixture.debugElement.componentInstance;
    searchComponent.query = 'M';
    searchComponent.search();
    expect(mockSearchService.searchSpy).toHaveBeenCalledWith('M');
  });
}));

it('should search automatically when a term is on the URL', inject([TestComponentBuilder], (tcb:TestComponentBuilder) => {
  return tcb.createAsync(SearchComponent).then((fixture) => {
    fixture.detectChanges();
    expect(mockSearchService.searchSpy).toHaveBeenCalledWith('peyton');
  });
}));

Add a spec for the EditComponent as well, verifying fetching a single record works. Notice how you can access the component directly with fixture.debugElement.componentInstance, or its rendered version with fixture.debugElement.nativeElement. Create a file at src/search/components/edit.component.spec.ts and populate it with the code below.

import { provide } from '@angular/core';
import { TestComponentBuilder } from '@angular/compiler/testing';
import {
  it,
  describe,
  expect,
  inject,
  beforeEachProviders,
} from '@angular/core/testing';

import { RouteSegment } from '@angular/router';
import { ROUTER_FAKE_PROVIDERS } from '@angular/router/testing';
import { MockRouteSegment } from '../shared/search/mocks/routes';
import { MockSearchService } from '../shared/search/mocks/search.service';

import { EditComponent } from './edit.component';

export function main() {
  describe('Edit component', () => {
    var mockSearchService:MockSearchService;

    beforeEachProviders(() => {
      mockSearchService = new MockSearchService();

      return [
        mockSearchService.getProviders(),
        ROUTER_FAKE_PROVIDERS,
        provide(RouteSegment, { useValue: new MockRouteSegment({ 'id': '1' }) })
      ];
    });

    it('should fetch a single record', inject([TestComponentBuilder], (tcb:TestComponentBuilder) => {
      return tcb.createAsync(EditComponent).then((fixture) => {
        let person = {name: 'Emmanuel Sanders', address: {city: 'Denver'}};
        mockSearchService.setResponse(person);

        fixture.detectChanges();
        // verify service was called
        expect(mockSearchService.getByIdSpy).toHaveBeenCalledWith(1);

        // verify data was set on component when initialized
        let editComponent = fixture.debugElement.componentInstance;
        expect(editComponent.editAddress.city).toBe('Denver');

        // verify HTML renders as expected
        var compiled = fixture.debugElement.nativeElement;
        expect(compiled.querySelector('h3')).toHaveText('Emmanuel Sanders');
      });
    }));
  });
}

You should see "✔ 22 tests completed" in the shell window that's running npm run karma.start. If you don't, try cancelling the command and restarting.

Integration test the search UI

To test if the application works end-to-end, you can write tests with Protractor. These are also known as integration tests, since they test the integration between all layers of your application.

To verify end-to-end tests work in the project before you begin, run the following commands in three different console windows.

# npm run webdriver-update <- You will need to run this the first time
npm run webdriver-start
npm run serve.e2e
npm run e2e

You should receive an error stating that the "nav text for About" is incorrect.

This happens because we added a Search link to the navbar and didn't update the test (in app.component.e2e.ts) that looks for the last child.

it('should have correct nav text for About', () => {
    expect(element(by.css('sd-app sd-navbar nav a:last-child')).getText()).toEqual('ABOUT');
});

Replace this test with the one below, and add a new one to verify the Search link is last.

it('should have correct nav text for About', () => {
  expect(element(by.css('sd-app sd-navbar nav a:nth-child(2)')).getText()).toEqual('ABOUT');
});

it('should have correct nav text for Search', () => {
  expect(element(by.css('sd-app sd-navbar nav a:last-child')).getText()).toEqual('SEARCH');
});

Now when you run npm run e2e, all specs should pass.

Testing the search feature

Create a new search.component.e2e-spec.ts spec in the same directory as your SearchComponent. Add tests to verify elements are rendered correctly and search works. At the time of this writing, Protractor's by.model and by.repeater don't work with Angular 2. For this reason, I used by.css to verify the HTML renders as expected.

describe('Search', () => {

  beforeEach(() => {
    browser.get('/search');
  });

  it('should have an input and search button', () => {
    expect(element(by.css('sd-app sd-search form input')).isPresent()).toEqual(true);
    expect(element(by.css('sd-app sd-search form button')).isPresent()).toEqual(true);
  });

  it('should allow searching', () => {
    let searchButton = element(by.css('button'));
    let searchBox = element(by.css('input'));
    searchBox.sendKeys('M');
    searchButton.click().then(() => {
      // doesn't work as expected - results in 0
      //expect(element.all(by.repeater('person of searchResults')).count()).toEqual(3);
      var list = element.all(by.css('sd-search table tbody tr'));
      expect(list.count()).toBe(3);
    });
  });
});

Testing the edit feature

Create a edit.component.e2e-spec.ts spec to verify the EditComponent renders a person's information and that you can update their information.

describe('Edit', () => {

  beforeEach(() => {
    browser.get('/edit/1');
  });

  let name = element(by.id('name'));
  let street = element(by.id('street'));
  let city = element(by.id('city'));

  it('should allow viewing a person', () => {
    expect(element(by.css('h3')).getText()).toEqual('Peyton Manning');
    expect(name.getAttribute('value')).toEqual('Peyton Manning');
    expect(street.getAttribute('value')).toEqual('1234 Main Street');
    expect(city.getAttribute('value')).toEqual('Greenwood Village');
  });

  it('should allow updating a name', function () {
    let save = element(by.id('save'));
    // send individual characters since sendKeys passes partial values sometimes
    // https://github.com/angular/protractor/issues/698
    ' Won!'.split('').forEach((c) => name.sendKeys(c));
    save.click();
    // verify one element matched this change
    var list = element.all(by.css('sd-search table tbody tr'));
    expect(list.count()).toBe(1);
  });
});

Run npm run e2e to verify all your end-to-end tests pass. You might receive a failure for the "Home" test.

If you do, open src/client/app/+home/home.component.e2e-spec.ts and change line 17 from this:

element(by.css('sd-home form input')).sendKeys('Tim Berners-Lee');

To this:

let input = element(by.css('sd-home form input'));
'Tim Berners-Lee'.split('').forEach((c) => input.sendKeys(c));

Run npm run e2e again. You should see a success message similar to the one below in your terminal window.

If you made it this far and have all 13 specs passing - congratulations! You're well on your way to writing quality code with Angular 2 and verifying it works.

Continuous Integration

The angular2-seed project ships with a .travis.yml that you can use to run continuous integration for this application through Travis CI. To enable builds on Travis CI, login and enable builds for the GitHub repo you created the project in. Then trigger your first build with a git push.

When I first tried this, I received a failure because Protractor on Travis CI is unable to navigate directly to the search and edit components. I was able to workaround this by modifying search.component.e2e-spec.ts to start at the top and navigate to the component.

beforeEach(() => {
  browser.get('/');
  element(by.linkText('SEARCH')).click();
});

I did something similar with edit.component.e2e-spec.ts:

beforeEach(() => {
  browser.get('/');
  element(by.linkText('SEARCH')).click();
  let search = element(by.css('sd-search form input'));
  'Man'.split('').forEach((c) => search.sendKeys(c));
  element(by.css('sd-search form button')).click();
  element(by.linkText('Peyton Manning')).click();
});

After making these changes, all e2e tests passed in Travis CI.

Source code

A completed project with this code in it is available on GitHub at https://github.com/mraible/angular2-tutorial. If you have ideas for improvements, please leave a comment or send a pull request.

I wrote this tutorial in Asciidoctor so you can also read this tutorial on GitHub or using DocGist.

Summary

I hope you've enjoyed this quick-and-easy tutorial on testing Angular 2.0 RC1 applications. You can see the test coverage of your project by running npm run serve.coverage. You'll notice that the new components and service could use some additional coverage. I'll leave that as a task for the reader.

I learned a lot about testing from ng-book 2 and its Testing chapter. If you have any Angular 2 testing tips and tricks you'd like to share, I'd love to hear about them.

Getting Started with Angular 2.0 RC1

2016-06-03T07:16:18-06:00

A few months ago, I wrote a tutorial on Getting Started with Angular 2. That tutorial was based on Angular 2.0.0 Beta 9. Rather than simply updating that tutorial and blog post for 2.0.0 RC1, I decided to create a new version for posterity's sake. The 2.0 Beta 9 version will remain on my blog and I've tagged the source on GitHub. This is an updated version of Getting Started with Angular 2, complete with the largely undocumented component router, and lazy-loaded components.

If you'd just like to see what's changed since the last release of this tutorial, you can view the pull request on GitHub. Note that I did sync my angular2-tutorial project with angular2-seed. This made it fairly easy to upgrade, believe it or not. My upgrade notes are in a gist. The best diff to read to see what changed is likely the diff of this tutorial.

What you'll build

You'll build a simple web application with Angular 2 and TypeScript. You'll add search and edit features with mock data.

What you'll need

About 15-30 minutes.
A favorite text editor or IDE. I recommend IntelliJ IDEA.
Git installed.
Node.js and npm installed. I recommend using nvm.

Create your project

Clone the angular2-seed repository using git:

git clone https://github.com/mgechev/angular2-seed.git angular2-tutorial
cd angular2-tutorial

NOTE: The angular2-seed project requires node v4.x.x or higher and npm 2.14.7. I used node v4.2.6 and npm 3.9.3.

Install the project's dependencies:

npm install

Run the application

The project is configured with a simple web server for development. To start it, run:

npm start

You should see a screen like the one below at http://localhost:5555.

You can see your new project's test coverage by running npm test:

=============================== Coverage summary ===============================
Statements   : 96.36% ( 159/165 )
Branches     : 62.5% ( 120/192 )
Functions    : 100% ( 35/35 )
Lines        : 100% ( 129/129 )
================================================================================

Add a search feature

To add a search feature, open the project in an IDE or your favorite text editor. For IntelliJ IDEA, use File > New Project > Static Web and point to the directory you cloned angular2-seed to.

The Basics

Create a src/client/app/+search folder and a search.component.html file in it. The + prefix is an indicator to Angular that you want to lazy-load the components in this directory. Populate the HTML file you created with the following:

<h2>Search</h2>
<form>
  <input type="search" [(ngModel)]="query" (keyup.enter)="search()">
  <button type="button" (click)="search()">Search</button>
</form>
<div *ngIf="loading">loading...</div>
<pre>{{searchResults | json}}</pre>

Create src/client/app/+search/search.component.ts to define the SearchComponent and point to this template.

import { Component } from '@angular/core';
import { CORE_DIRECTIVES, FORM_DIRECTIVES } from '@angular/common';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'sd-search',
  moduleId: module.id,
  templateUrl: 'search.component.html',
  directives: [FORM_DIRECTIVES, CORE_DIRECTIVES, ROUTER_DIRECTIVES]
})
export class SearchComponent {
  loading: boolean;
  query: string;
  searchResults: any;

  constructor() {
    console.log('initialized search component');
  }
}

Create src/client/app/+search/index.ts to export SearchComponent.

/**
* This barrel file provides the export for the lazy loaded SearchComponent.
*/
export * from './search.component';

Update src/client/app/app.component.ts to import this component and include its route.

import { SearchComponent } from './+search/index';

@Routes([
  { path: '/', component: HomeComponent },
  { path: '/about', component: AboutComponent },
  { path: '/search', component: SearchComponent }
])

Your browser should refresh automatically, thanks to Browsersync. Navigate to http://localhost:5555/search and you should see the search component.

You can see it needs a bit of styling. Angular 2 allows you to provide styles specific for your component using a styleUrls property on your component. Add this property to search.component.ts like you see below.

templateUrl: 'search.component.html',
styleUrls: ['search.component.css'],
directives: [FORM_DIRECTIVES, CORE_DIRECTIVES, ROUTER_DIRECTIVES]

Create src/client/app/+search/search.component.css and add some CSS.

:host {
  display: block;
  padding: 0 16px;
}

There, that looks better!

Finally, update src/client/app/shared/navbar/navbar.component.html to include a link to the search route.

<nav>
  <a [routerLink]="['/']">HOME</a>
  <a [routerLink]="['/about']">ABOUT</a>
  <a [routerLink]="['/search']">SEARCH</a>
</nav>

This section has shown you how to add a new component to a basic Angular 2 application. The next section shows you how to create a use a JSON file and localStorage to create a fake API.

The Backend

To get search results, create a SearchService that makes HTTP requests to a JSON file. Start by creating src/client/app/shared/search/data/people.json to hold your data.

[
  {
    "id": 1,
    "name": "Peyton Manning",
    "phone": "(303) 567-8910",
    "address": {
      "street": "1234 Main Street",
      "city": "Greenwood Village",
      "state": "CO",
      "zip": "80111"
    }
  },
  {
    "id": 2,
    "name": "Demaryius Thomas",
    "phone": "(720) 213-9876",
    "address": {
      "street": "5555 Marion Street",
      "city": "Denver",
      "state": "CO",
      "zip": "80202"
    }
  },
  {
    "id": 3,
    "name": "Von Miller",
    "phone": "(917) 323-2333",
    "address": {
      "street": "14 Mountain Way",
      "city": "Vail",
      "state": "CO",
      "zip": "81657"
    }
  }
]

Create src/client/app/shared/search/search.service.ts and provide Http as a dependency in its constructor. In this same file, define the Address and Person classes that JSON will be marshalled to.

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

@Injectable()
export class SearchService {
  constructor(private http:Http) {}

  getAll() {
    return this.http.get('app/shared/search/data/people.json').map((res:Response) => res.json());
  }
}

export class Address {
  street:string;
  city:string;
  state:string;
  zip:string;

  constructor(obj?:any) {
    this.street = obj && obj.street || null;
    this.city = obj && obj.city || null;
    this.state = obj && obj.state || null;
    this.zip = obj && obj.zip || null;
  }
}

export class Person {
  id:number;
  name:string;
  phone:string;
  address:Address;

  constructor(obj?:any) {
    this.id = obj && Number(obj.id) || null;
    this.name = obj && obj.name || null;
    this.phone = obj && obj.phone || null;
    this.address = obj && obj.address || null;
  }
}

In search.component.ts, add imports for these classes.

import { Person, SearchService } from '../shared/index';

You can now add a type to the searchResults variable. While you're there, modify the constructor to inject the SearchService.

searchResults: Array<Person>;

constructor(public searchService: SearchService) {}

Then implement the search() method to call the service's getAll() method.

search(): void {
  this.searchService.getAll().subscribe(
    data => {this.searchResults = data;},
    error => console.log(error)
  );
}

At this point, you'll likely see the following message in your browser's console.

ORIGINAL EXCEPTION: No provider for SearchService!

This happens because the app hasn't provided this service to components. To fix this, create src/client/app/shared/search/index.ts and populate it with the following.

/**
 * This barrel file provides the export for the shared SearchService.
 */
export * from './search.service';

Then add a reference to this file in src/client/app/shared/index.ts so its included in the shared export.

/**
 * This barrel file provides the exports for the shared resources (services, components).
 */
export * from './name-list/index';
export * from './navbar/index';
export * from './toolbar/index';
export * from './search/index';

To fix the "No provider" error from above, update app.component.ts to import the SearchService and add the service to the list of provider.

import { NameListService, NavbarComponent, ToolbarComponent, SearchService } from './shared/index';

@Component({
  selector: 'sd-app',
  viewProviders: [NameListService, SearchService, HTTP_PROVIDERS]
  moduleId: module.id,

Now clicking the search button should work. To make the results look better, remove the <pre> tag in search.component.html and replace it with a <table>.

<table *ngIf="searchResults">
  <thead>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>Address</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let person of searchResults; let i=index">
    <td>{{person.name}}</td>
    <td>{{person.phone}}</td>
    <td>{{person.address.street}}<br/>
      {{person.address.city}}, {{person.address.state}} {{person.address.zip}}
    </td>
  </tr>
  </tbody>
</table>

Then add some additional CSS for this component in search.component.css.

table {
  margin-top: 10px;
  border-collapse: collapse;
}

th {
  text-align: left;
  border-bottom: 2px solid #ddd;
  padding: 8px;
}

td {
  border-top: 1px solid #ddd;
  padding: 8px;
}

Now the search results look better.

But wait, we still don't have search functionality! To add a search feature, add a search() method to search.service.ts.

search(q:string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results:any = [];
    data.map(item => {
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

Then refactor SearchComponent to call this method with its query variable.

search(): void {
  this.searchService.search(this.query).subscribe(
    data => {this.searchResults = data;},
    error => console.log(error)
  );
}

Now search results will be filtered by the query value you type in.

This section showed you how to fetch and display search results. The next section builds on this and shows how to edit and save a record.

Add an edit feature

Modify search.component.html to add a link for editing a person.

<td><a [routerLink]="['/edit', person.id]">{{person.name}}</a></td>

Create src/client/app/+edit/edit.component.html to display an editable form. You might notice I've added id attributes to most elements. This is to make things easier when writing integration tests with Protractor.

<div *ngIf="person">
  <h3>{{editName}}</h3>
  <div>
    <label>Id:</label>
    {{person.id}}
  </div>
  <div>
    <label>Name:</label>
    <input [(ngModel)]="editName" id="name" placeholder="name"/>
  </div>
  <div>
    <label>Phone:</label>
    <input [(ngModel)]="editPhone" id="phone" placeholder="Phone"/>
  </div>
  <fieldset>
    <legend>Address:</legend>
    <address>
      <input [(ngModel)]="editAddress.street" id="street"><br/>
      <input [(ngModel)]="editAddress.city" id="city">,
      <input [(ngModel)]="editAddress.state" id="state" size="2">
      <input [(ngModel)]="editAddress.zip" id="zip" size="5">
    </address>
  </fieldset>
  <button (click)="save()" id="save">Save</button>
  <button (click)="cancel()" id="cancel">Cancel</button>
</div>

Create an EditComponent in src/search/components/edit.component.ts that references this template and handles communication with the SearchService.

import { Component, OnInit } from '@angular/core';
import { Person, Address, SearchService } from '../shared/index';
import { RouteSegment, Router } from '@angular/router';

@Component({
  selector: 'sd-edit',
  moduleId: module.id,
  templateUrl: 'edit.component.html',
  styleUrls: ['edit.component.css']
})
export class EditComponent implements OnInit {

  person: Person;
  editName: string;
  editPhone: string;
  editAddress: Address;

  constructor(
    private _service: SearchService,
    private _router: Router,
    private _routeSegment: RouteSegment
  ) { }

  ngOnInit() {
    let id = +this._routeSegment.getParam('id');
    this._service.get(id).subscribe(person => {
      if (person) {
        this.editName = person.name;
        this.editPhone = person.phone;
        this.editAddress = person.address;
        this.person = person;
      } else {
        this.gotoList();
      }
    });
  }

  cancel() {
    this._router.navigate(['/search']);
  }

  save() {
    this.person.name = this.editName;
    this.person.phone = this.editPhone;
    this.person.address = this.editAddress;
    this._service.save(this.person);
    this.gotoList();
  }

  gotoList() {
    if (this.person) {
      this._router.navigate(['/search', {term: this.person.name} ]);
    } else {
      this._router.navigate(['/search']);
    }
  }
}

Create src/client/app/+edit/index.ts to export EditComponent.

/**
 * This barrel file provides the export for the lazy loaded EditComponent.
 */
export * from './edit.component';

Modify SearchService to contain functions for finding a person by their id, and saving them. While you're in there, modify the search() method to be aware of updated objects in localStorage.

search(q:string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results = [];
    data.map(item => {
      // check for item in localStorage
      if (localStorage['person' + item.id]) {
        item = JSON.parse(localStorage['person' + item.id]);
      }
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

get(id: number) {
  return this.getAll().map(all => {
    if (localStorage['person' + id]) {
      return JSON.parse(localStorage['person' + id]);
    }
    return all.find(e => e.id === id);
  });
}

save(person: Person) {
  localStorage['person' + person.id] = JSON.stringify(person);
}

To make the app aware of this new component, add an import and route configuration in app.component.ts.

import { EditComponent } from '../+edit/index';

@Routes([
  { path: '/', component: HomeComponent },
  { path: '/about', component: AboutComponent },
  { path: '/search', component: SearchComponent },
  { path: '/edit/:id', component: EditComponent }
])

Then create src/client/app/+edit/edit.component.css to make the form look a bit better.

:host {
  display: block;
  padding: 0 16px;
}

button {
  margin-top: 10px;
}

At this point, you should be able to search for a person and update their information.

The <form> in src/client/app/+edit/edit.component.html calls a save() function to update a person's data. You already implemented this above. The function calls a gotoList() function that appends the person's name to the URL when sending the user back to the search screen.

gotoList() {
  if (this.person) {
    this._router.navigate(['/search', {term: this.person.name} ]);
  } else {
    this._router.navigate(['/search']);
  }
}

Since the SearchComponent doesn't execute a search automatically when you execute this URL, add the following logic to do so in its constructor.

constructor(public searchService: SearchService, routeSegment: RouteSegment) {
  if (routeSegment.getParam('term')) {
    this.query = decodeURIComponent(routeSegment.getParam('term'));
    this.search();
  }
}

You'll need to import RouteSegment in order for everything to compile.

import { ROUTER_DIRECTIVES, RouteSegment } from '@angular/router';

After making all these changes, you should be able to search/edit/update a person's information. If it works - nice job!

Source code

A completed project with this code in it is available on GitHub at https://github.com/mraible/angular2-tutorial. If you have ideas for improvements, please leave a comment or send a pull request.

I originally wrote this tutorial in Asciidoctor because it has a slick feature where you can include the source code from files rather than copying and pasting. Since GitHub doesn't support includes, I changed things so the code is now embedded in the document. You can now read this tutorial on GitHub or using DocGist.

Summary

I hope you've enjoyed this quick-and-easy tutorial on how to get started with Angular 2.0 RC1. In a future tutorial, I'll show you how to write unit tests and integration tests for this application.

Resources

I used a number of resources while creating this application. ng-book 2 was an invaluable resource and I highly recommend it if you're learning Angular 2. I found Chariot Solution's article on Angular2 Observables, Http, and separating services and components to be quite helpful. Finally, the angular-cli project was a big help, especially its ng generate route <object> feature.

Kudos to all the pioneers in Angular 2 land that've been using it and writing about it on blogs and Stack Overflow. Getting started with Angular 2 would've been a real pain without your trailblazing.

Moving AppFuse into the Attic

2016-04-28T15:40:16-06:00

In mid-February, I decided to stop working on AppFuse. My reason was simple: I was no longer getting any value from my contributions to the project. I sent a message to the developers mailing list the next day:

Hello everyone,

Last night, I started working on AppFuse 4.0, with the following features from the roadmap:

Remove XML wherever possible

Java 8

Spring Boot

Spring Data

JSR 303 (might require removing or developing client-side support)

As I started removing XML and integrating Spring Boot and Spring Data, it quickly became apparent that it’d be a lot of work to make all of these changes. My guess is it’d take over 100 hours of my time to do everything. This is time I’d be taking away from my family and personal time.

At the end of last year, I wanted to make AppFuse 4.0 happen because I thought it’d help me stay up-to-date with Java technologies and learn some things along the way. As I dug into the codebase last night, I realized it’d be more of a headache than a learning experience. It seems there would be little reward for all the work.

Because there’s little-to-no activity on the mailing list these days, it seems like it’s the right time to shutdown the project and dedicate my free time to other open source endeavors. As you might know, I’m a big fan of JHipster (http://jhipster.github.io/). It combines AngularJS and Spring Boot and has all the features that AppFuse has - but with a more modern technology stack.

If we had everything hosted on GitHub, I think it’d make sense to add a line to the README that says “This project is no longer maintained”. However, since there’s a lot hosted on appfuse.org (with Confluence), it might not be that easy. Maybe it’s possible to export everything from Confluence to static HTML pages and host them somewhere with the same URLs so there’s not a bunch of 404s from shutting down the project.

Thank you for your contributions over the years. AppFuse was pretty cool back in the day, but now there’s better solutions.

Cheers,

Matt

The good news is I've worked out a deal with Contegix to keep appfuse.org up and running for the next year. The demos, documentation and bug tracker will be available until April 30, 2017. Bamboo and FishEye will be discontinued in the next week since they're too memory intensive for a smaller server. I'd love to figure out a way to export all the documentation from Confluence to Asciidoctor so everything can be on GitHub for years to come. However, there's something to be said for just letting a project fade away rather than holding onto nostalgic artifacts.

On a related note, Java.net will be closing in a year from today. AppFuse started on SourceForge, but moved to appfuse.java.net shortly after. Today, the only thing left on java.net are AppFuse's mailing lists. I suppose it makes sense that both projects will cease to exist around the same time.

AppFuse's source code will remain on GitHub. I have no plans to delete it.

Thanks to everyone that used and contributed to AppFuse over the years. It was a pretty wild and crazy ride from 2003-2007!

Devoxx France 2016: Springtime in Paris

2016-04-26T07:13:18-06:00

I had the good fortune to visit Paris last week for Devoxx France. When traveling to conferences in exotic locations, I like to bring a travel partner. This time, I asked my daughter, Abbie, to join me. She gladly accepted. Springtime in Paris can be a beautiful event. The grass is green, the flowers are blooming and the sun's rays blanket the city.

We arrived in Paris on Tuesday, April 19 and quickly found our way to our hotel. Its location was ideal: across the street from Le Palais des Congrès de Paris convention center and mall. Since the conference was at the convention center, it made logistics for my talks very convenient. We grabbed a quick bite after settling in, then took a 15-minute stroll to the Arc de Triomphe.

That evening, we joined Ippon developers and friends at a special event for Java Hipsters. Their rooftop location had great views, cold "Java" beer and I met a lot of enthusiastic developers. I especially enjoyed talking with the original Java Hipster and founder of JHipster, Julien Dubois.

The sunset over Paris provided a splendid backdrop for the festivities.

On Wednesday, Abbie and I got up early and headed to Versailles. We toured Château de Versailles, the Gardens and Marie-Antoinette's estate. I'd never visited this area of Versailles and never realized what I was missing. We rented a boat and practiced rowing on the Grand Canal to get ready for rafting season.

That evening, we stopped by the Restaurant Le Sud for the speaker's dinner. It was fun seeing familiar faces and meeting new folks.

Thursday was my first talk, but we had the morning free to explore. We headed for the Eiffel Tower and rode its north elevator straight to the top. The views where spectacular and Abbie got goosebumps from the gentle sway.

I transformed from an old-fashioned, whiskey-drinking Java developer to a Java Hipster a few hours later. You can see the slides from my "Get Hip with JHipster" presentation below, or on SlideShare.

We wanted to see the Catacombs of Paris that night, and made it just minutes before it closed. Seeing the remains of millions of people's bones stacked on top of each other frightened Abbie more than standing on the glass floor in the Eiffel Tower. I experienced more heebie jeebies from the floor. We popped out of the Catacombs near the excellent Thai Paragon and stopped for a delicious meal. Abbie tried duck for the first time and loved it.

I had two talks on Friday, a quickie on how to write an InfoQ Mini-Book with Asciidoctor and a 45-minute session on The Art of Angular in 2016. I wrote the InfoQ Mini-Book presentation using Asciidoctor's Bespoke support and really enjoyed the experience. Thanks to Dan Allen for assembling this easy to use starter template! Dan was also a great help in getting the JHipster Book printed for the first time and I was pumped to have a copy with me to show off.

You can view the presentation online and checkout its repository on GitHub.

For my Angular presentation, I invited Abbie to kick things off, so she could experience what it's like to speak at a conference.

She did great and I followed her intro with my presentation on working with Angular 2. You can see my presentation below or check it out on SlideShare.

At the end of the conference, we attended the Les Cast Codeurs Podcast. It was all in French, but you could tell everyone was having a good time from the smiles and laughter in the audience. During the session, the Devoxx Crew surprised me with a Java Champion award. I was very surprised and humbled to receive this recognition. It was pretty cool having Abbie with me for such an honor.

The Bus is Home!

2016-04-13T14:07:22-06:00

The day has finally arrived! The Bus is home 12 years and 3 days after I bought it. I detailed much of the slow and patience-heavy project in 10 years ago today, I bought a VW Bus and When is the bus gonna be done?

It's a glorious day in Raibleland and a real gas to drive. Hello Hefe!

Getting Started with Angular 2

2016-03-23T09:23:53-06:00

Click here to see an updated version of this tutorial that's been upgraded for Angular 2.0 RC1.

I was hired by one of my current clients in November to help them develop a project management application with AngularJS. I'm proud to say we've built the application, it looks great, and it's scheduled to be released next month. The team had lots of experience with ExtJS, but was new to AngularJS. While using AngularJS worked, they're keen on moving to Angular 2 shortly after it's released.

To help them learn Angular 2, I decided to write a couple tutorials similar to the AngularJS tutorials I wrote last year. In this tutorial, I did my best to keep the functionality and features similar to Getting Started with AngularJS so you can compare the code between the two.

What you'll build

You'll build a simple web application with Angular 2 and TypeScript. You'll add search and edit features with mock data.

What you'll need

About 15-30 minutes.
A favorite text editor or IDE. I recommend IntelliJ IDEA.
Git installed.
Node.js and npm installed. I recommend using nvm.

Create your project

Clone the angular2-seed repository using git:

git clone https://github.com/mgechev/angular2-seed.git angular2-tutorial
cd angular2-tutorial

NOTE: The angular2-seed project requires node v4.x.x or higher and npm 2.14.7. I used node v4.2.6 and npm 3.6.0.

Install ts-node for TypeScript:

npm install -g ts-node

Install the project's dependencies:

npm install

Run the application

The project is configured with a simple web server for development. To start it, run:

npm start

You should see a screen like the one below at http://localhost:5555.

You can see your new project's test coverage by running npm test:

=============================== Coverage summary ===============================
Statements : 86.11% ( 93/108 )
Branches : 48.28% ( 70/145 )
Functions : 100% ( 25/25 )
Lines : 94.32% ( 83/88 )
================================================================================

Add a search feature

To add a search feature, open the project in an IDE or your favorite text editor. For IntelliJ IDEA, use File > New Project > Static Web and point to the directory you cloned angular2-seed to.

The Basics

Create a file at src/search/components/search.component.html with the following HTML:

<h2>Search</h2>
<form>
  <input type="search" [(ngModel)]="query" (keyup.enter)="search()">
  <button type="button" (click)="search()">Search</button>
</form>
<div *ngIf="loading">loading...</div>
<pre>{{searchResults | json}}</pre>

Create src/search/components/search.component.ts to define the SearchComponent and point to this template.

import {Component} from 'angular2/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/common';
import {ROUTER_DIRECTIVES} from 'angular2/router';

@Component({
  selector: 'sd-search',
  moduleId: module.id,
  templateUrl: './search.component.html',
  directives: [FORM_DIRECTIVES, CORE_DIRECTIVES, ROUTER_DIRECTIVES]
})
export class SearchComponent {
  loading: boolean;
  query: string;
  searchResults: any;

  constructor() {
    console.log('initialized search component');
  }
}

Update src/app/components/app.component.ts to import this component and include its route.

import {SearchComponent} from '../../search/components/search.component';

@RouteConfig([
  { path: '/',      name: 'Home',  component: HomeComponent  },
  { path: '/about', name: 'About', component: AboutComponent },
  { path: '/search', name: 'Search', component: SearchComponent }

Your browser should refresh automatically, thanks to Browsersync. Navigate to http://localhost:5555/search and you should see the search component.

templateUrl: './search.component.html',
styleUrls: ['./search.component.css'],
directives: [FORM_DIRECTIVES, CORE_DIRECTIVES, ROUTER_DIRECTIVES]

Create src/search/components/search.component.css and add some CSS.

:host {
  display: block;
  padding: 0 16px;
}

There, that looks better!

Finally, update src/app/components/navbar.component.html to include a link to the search route.

<nav>
  <a [routerLink]="['Home']">HOME</a>
  <a [routerLink]="['About']">ABOUT</a>
  <a [routerLink]="['Search']">SEARCH</a>
</nav>

This section has shown you how to add a new component to a basic Angular 2 application. The next section shows you how to create a use a JSON file and localStorage to create a fake API.

The Backend

To get search results, create a SearchService that makes HTTP requests to a JSON file. Start by creating src/shared/data/people.json to hold your data.

[
  {
    "id": 1,
    "name": "Peyton Manning",
    "phone": "(303) 567-8910",
    "address": {
      "street": "1234 Main Street",
      "city": "Greenwood Village",
      "state": "CO",
      "zip": "80111"
    }
  },
  {
    "id": 2,
    "name": "Demaryius Thomas",
    "phone": "(720) 213-9876",
    "address": {
      "street": "5555 Marion Street",
      "city": "Denver",
      "state": "CO",
      "zip": "80202"
    }
  },
  {
    "id": 3,
    "name": "Von Miller",
    "phone": "(917) 323-2333",
    "address": {
      "street": "14 Mountain Way",
      "city": "Vail",
      "state": "CO",
      "zip": "81657"
    }
  }
]

Create src/shared/services/search.service.ts and provide Http as a dependency in its constructor. In this same file, define the Address and Person classes that JSON will be marshalled to.

import {Injectable} from 'angular2/core';
import {Http, Response} from 'angular2/http';

@Injectable()
export class SearchService {
  constructor(private http:Http) {}

  getAll() {
    return this.http.get('shared/data/people.json').map((res:Response) => res.json());
  }
}

export class Address {
  street:string;
  city:string;
  state:string;
  zip:string;

  constructor(obj?:any) {
    this.street = obj && obj.street || null;
    this.city = obj && obj.city || null;
    this.state = obj && obj.state || null;
    this.zip = obj && obj.zip || null;
  }
}

export class Person {
  id:number;
  name:string;
  phone:string;
  address:Address;

  constructor(obj?:any) {
    this.id = obj && Number(obj.id) || null;
    this.name = obj && obj.name || null;
    this.phone = obj && obj.phone || null;
    this.address = obj && obj.address || null;
  }
}

In search.component.ts, add imports for these classes.

import {Person, SearchService} from '../../shared/services/search.service';

You can now add a type to the searchResults variable. While you're there, modify the constructor to inject the SearchService.

searchResults: Array<Person>;

constructor(public searchService: SearchService) {}

Then implement the search() method to call the service's getAll() method.

search(): void {
  this.searchService.getAll().subscribe(
    data => {this.searchResults = data;},
    error => console.log(error)
  );
}

At this point, you'll likely see the following message in your browser's console.

EXCEPTION: No provider for SearchService! (SearchComponent -> SearchService)

This happens because the app hasn't provided this service to components. To fix this, modify app.component.ts to import this component and add the service to the list of providers.

import {NameListService} from '../../shared/services/name-list.service';
import {SearchService} from '../../shared/services/search.service';

@Component({
  selector: 'sd-app',
  viewProviders: [NameListService, SearchService],
  moduleId: module.id,

Next, you'll likely get an error about the Http dependency in SearchService.

EXCEPTION: No provider for Http! (SearchComponent -> SearchService -> Http)

To solve this problem, modify src/main.ts to import the Http service and make it available to the app.

import {HTTP_PROVIDERS} from 'angular2/http';

bootstrap(AppComponent, [
  HTTP_PROVIDERS, ROUTER_PROVIDERS,
  provide(APP_BASE_HREF, { useValue: '<%= APP_BASE %>' })
]);

Now the page will load without errors. However, when you click on the button, you'll see the following error.

ORIGINAL EXCEPTION: TypeError: this.http.get(...).map is not a function

I was stuck here for quite some time when I first encountered this issue. I was able to solve it with a simple import in main.ts.

import 'rxjs/add/operator/map';

Now clicking the search button should work. To make the results look better, remove the <pre> tag in search.component.html and replace it with a <table>.

<table *ngIf="searchResults">
  <thead>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>Address</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="#person of searchResults; #i=index">
    <td>{{person.name}}</td>
    <td>{{person.phone}}</td>
    <td>{{person.address.street}}<br/>
      {{person.address.city}}, {{person.address.state}} {{person.address.zip}}
    </td>
  </tr>
  </tbody>
</table>

Then add some additional CSS for this component in search.component.css.

table {
  margin-top: 10px;
  border-collapse: collapse;
}

th {
  text-align: left;
  border-bottom: 2px solid #ddd;
  padding: 8px;
}

td {
  border-top: 1px solid #ddd;
  padding: 8px;
}

Now the search results look better.

But wait, we still don't have search functionality! To add a search feature, add a search() method to search.service.ts.

search(q:string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results = [];
    data.map(item => {
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

Then refactor SearchComponent to call this method with its query variable.

search(): void {
  this.searchService.search(this.query).subscribe(
    data => {this.searchResults = data;},
    error => console.log(error)
  );
}

Now search results will be filtered by the query value you type in.

This section showed you how to fetch and display search results. The next section builds on this and shows how to edit and save a record.

Add an edit feature

Modify search.component.html to add a link for editing a person.

<td><a [routerLink]="['Edit', { id: person.id }]">{{person.name}}</a></td>

Create src/search/components/edit.component.html to display an editable form. You might notice I've added id attributes to most elements. This is to make things easier when writing integration tests with Protractor.

<div *ngIf="person">
  <h3>{{editName}}</h3>
  <div>
    <label>Id:</label>
    {{person.id}}
  </div>
  <div>
    <label>Name:</label>
    <input [(ngModel)]="editName" id="name" placeholder="name"/>
  </div>
  <div>
    <label>Phone:</label>
    <input [(ngModel)]="editPhone" id="phone" placeholder="Phone"/>
  </div>
  <fieldset>
    <legend>Address:</legend>
    <address>
      <input [(ngModel)]="editAddress.street" id="street"><br/>
      <input [(ngModel)]="editAddress.city" id="city">,
      <input [(ngModel)]="editAddress.state" id="state" size="2">
      <input [(ngModel)]="editAddress.zip" id="zip" size="5">
    </address>
  </fieldset>
  <button (click)="save()" id="save">Save</button>
  <button (click)="cancel()" id="cancel">Cancel</button>
</div>

Create an EditComponent in src/search/components/edit.component.ts that references this template and handles communication with the SearchService.

import {Component, OnInit} from 'angular2/core';
import {Person, Address, SearchService} from '../../shared/services/search.service';
import {RouteParams, Router} from 'angular2/router';
import {CanDeactivate, ComponentInstruction} from 'angular2/router';

@Component({
  selector: 'sd-edit',
  moduleId: module.id,
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.css']
})
export class EditComponent implements OnInit, CanDeactivate {

  person: Person;
  editName: string;
  editPhone: string;
  editAddress: Address;

  constructor(
    private _service: SearchService,
    private _router: Router,
    private _routeParams: RouteParams
  ) { }

  ngOnInit() {
    let id = +this._routeParams.get('id');
    this._service.get(id).subscribe(person => {
      if (person) {
        this.editName = person.name;
        this.editPhone = person.phone;
        this.editAddress = person.address;
        this.person = person;
      } else {
        this.gotoList();
      }
    });
  }

  routerCanDeactivate(next: ComponentInstruction, prev: ComponentInstruction): any {
    if (!this.person || this.person.name === this.editName || this.person.phone === this.editPhone
      || this.person.address === this.editAddress) {
      return true;
    }

    return new Promise<boolean>((resolve, reject) => resolve(window.confirm('Discard changes?')));
  }

  cancel() {
    this._router.navigate(['Search']);
  }

  save() {
    this.person.name = this.editName;
    this.person.phone = this.editPhone;
    this.person.address = this.editAddress;
    this._service.save(this.person);
    this.gotoList();
  }

  gotoList() {
    if (this.person) {
      this._router.navigate(['Search', { term: this.person.name }]);
    } else {
      this._router.navigate(['Search']);
    }
  }
}

Modify SearchService to contain functions for finding a person by their id, and saving them. While you're in there, modify the search() method to be aware of updated objects in localStorage.

search(q:string) {
  if (!q || q === '*') {
    q = '';
  } else {
    q = q.toLowerCase();
  }
  return this.getAll().map(data => {
    let results = [];
    data.map(item => {
      // check for item in localStorage
      if (localStorage['person' + item.id]) {
        item = JSON.parse(localStorage['person' + item.id]);
      }
      if (JSON.stringify(item).toLowerCase().includes(q)) {
        results.push(item);
      }
    });
    return results;
  });
}

get(id: number) {
  return this.getAll().map(all => {
    if (localStorage['person' + id]) {
      return JSON.parse(localStorage['person' + id]);
    }
    return all.find(e => e.id === id);
  });
}

save(person: Person) {
  localStorage['person' + person.id] = JSON.stringify(person);
}

To make the app are of this new component, add an import and route configuration in app.component.ts.

import {EditComponent} from '../../search/components/edit.component';

@RouteConfig([
  { path: '/',      name: 'Home',  component: HomeComponent  },
  { path: '/about', name: 'About', component: AboutComponent },
  { path: '/search', name: 'Search', component: SearchComponent },
  { path: '/edit/:id', name: 'Edit', component: EditComponent }
])

Then create src/search/components/edit.component.css to make the form look a bit better.

:host {
  display: block;
  padding: 0 16px;
}

button {
  margin-top: 10px;
}

At this point, you should be able to search for a person and update their information.

The <form> in src/search/components/edit.component.html calls a save() function to update a person's data. You already implemented this above. The function calls a gotoList() function that appends the person's name to the URL when sending the user back to the search screen.

gotoList() {
  if (this.person) {
    this._router.navigate(['Search', { term: this.person.name }]);
  } else {
    this._router.navigate(['Search']);
  }
}

Since the SearchComponent doesn't execute a search automatically when you execute this URL, add the following logic to do so in its constructor.

constructor(public searchService: SearchService, params: RouteParams) {
  if (params.get('term')) {
    this.query = decodeURIComponent(params.get('term'));
    this.search();
  }
}

You'll need to import RouteParams in order for everything to compile.

import {ROUTER_DIRECTIVES, RouteParams} from 'angular2/router';

After making all these changes, you should be able to search/edit/update a person's information. If it works - nice job!

Source code

A completed project with this code in it is available on GitHub at https://github.com/mraible/angular2-tutorial. If you have ideas for improvements, please leave a comment or send a pull request.

I originally wrote this tutorial in Asciidoctor because it has a slick feature where you can include the source code from files rather than copying and pasting. Unfortunately, GitHub doesn't support includes. You can use DocGist to view this tutorial, but includes don't work there either.

If you'd like to see the Asciidoctor-generated version of this tutorial, you can install the gem, checkout the project from GitHub, and then run asciidoctor README.adoc to produce a README.html file.

Summary

I hope you've enjoyed this quick-and-easy tutorial on how to get started with Angular 2. In a future tutorial, I'll show you how to write unit tests and integration tests for this application. I've also started looking into creating an ES6 version of this tutorial using Soós Gábor's angular2-es6-starter. If you know of a better starter for Angular 2 and ES6, please let me know.

Resources

Kudos to all the pioneers in Angular 2 land that've been using it and writing about it on blogs and Stack Overflow. Getting started with Angular 2 would've been a real pain without your trailblazing.

Happy Birthday Abbie!

2015-11-05T06:37:43-07:00

We now have a teenager. Abbie turns 13 today and we're celebrating with smiles in the Raible household. Abbie is in 7th grade now. She's a straight-A student and still loves to pick on her little brother. She's old enough that she's picked up an after school job babysitting and often has more money in her back account than I do. Trish takes her horseback riding a couple times per week and she recently competed in her first horse show competition. You can tell by the photo below that she enjoyed the experience.

If you're a long-time reader, you might remember the day she was born. I started this blog only a few months before.

Happy Birthday Abbie! Most people are scared of their children's teenage years. We're not. You're an awesome human and we love your fun-loving spirit, your kindness and your ability to rile up Jack like no other. We can't wait to experience your teenage years with you and support you in whatever challenges you take on. 😋