Part 4: Adding Smaller SPAs to An Existing Application

Chris Berry Articles, JavaScript, Node.js, Single-Page Application, solidfoundationsseries, Tutorial, Vue.js Leave a Comment

In our prior segments of this series, we addressed being able to add in pages to the application and have them automatically registered with the navigation. We also discussed having Markdown content associated with different pages of the application.

In this segment, we will talk about the philosophy of using smaller single-page applications in place of large ones. We’ll discuss how to add in a single-page application to this application. And we will dive into a couple of the example single-page applications and talk about how they were built specifically….

—

This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built. 

Java Development Using Visual Studio Code

Todd Horn Articles, Design, Java, Programming, Project Management Leave a Comment

Over the last few years, I have worked on several .NET and JavaScript projects. My go-to IDE for Angular, Node, and (in starting to learn) React has been Visual Studio Code, along with Visual Studio Enterprise for C#.

Recently, I started on a new team and project that was in Java. Our initial thought was to switch back over to Spring Tool Suite or IntelliJ. But, there are some really good extensions now for Java in VS Code that made that transition unnecessary. So we decided to take a look at what Visual Studio code could do for us – we were very pleasantly surprised!

In this post, I provide links and information to get you started down the right path for Java in Visual Studio Code.

Have You Plunk’d Lately?

Chris Berry Articles, Development Technologies & Tools, JavaScript Leave a Comment

More than once as a developer, I’ve come across the need to quickly prototype an idea or solution. This generally involves making a special project with all the necessary local parts, then going in and making the prototype. Doing this takes time and effort for something which in the end will probably just be throwaway code. Luckily I’ve now found a better way.

“Plunker is a tool to prototype, experiment, share and debug your ideas on the web platform. From idea to implementation, Plunker helps you build something quickly and frictionlessly.”

I’ve found Plunker to be a great tool to use when I quickly need to test out an idea or solution. I no longer have to go through the process of creating a whole application locally just to see if I can do a loop with some data or something else just as simple. Now I can simply choose a template from Plunker, and I can get down to business.

In this blog I will introduce Plunker, showing how to use it to quickly create and edit an Angular startup project…

Getting Started with React and JSX

Chris Shatrov Articles, Development Technologies & Tools, JavaScript, React Leave a Comment

I have been with Keyhole Software for nearly four years. Every time I write a new blog post it is about a new framework that I had to pick up and learn that year.

I write a lot of JavaScript daily, but previously never had the chance to start coding a project with React. But this year, I worked on a project with React. So as expected, I wanted to share my thoughts and my experiences with React.

In this post, I will give a quick introduction to React and talk about its main, most important, components. We will also take a peek at JSX and explain it, and show some code examples, which will help you have a better understanding of this library before you can move on to more complex things…

The Wonderful Wide World of webpack: Unpacking Awesomeness

Aaron Diffenderfer Articles, Development Technologies & Tools, JavaScript Leave a Comment

In the past couple of years, webpack has come a long way. It continues to rapidly evolve and revolutionize the way we bundle JavaScript and more. For some of us that have been doing development for more than a few years, seeing an amazing tool like webpack and all of its abilities is mind-blowing. If only it had come into existence a bit sooner…

If you’re like me, you may have stumbled across webpack, hearing about its gazillion configuration options, along with a bunch of plugins, numerous ways to optimize your bundle, and more. So much that it all makes your head spin and you begin to feel overwhelmed as you attempt to make sense of it. That’s honestly how my journey began with Webpack.

My first exposure to it…Ejecting the webpack.config.js file from an AngularCLI project just to see what the all the hype was about and to see what I had been missing out on the past few years. After getting past the initial shock of the number of lines of code and the seemingly large structure (how I felt after my first few glances, having to shield my eyes and take a few deep breaths), I started to see many of the benefits. This continued as I read through the webpack documentation, various blogs, and StackOverflow (every developer’s most-accessed site) and as I began trying out a variety of configurations for some actual projects.

As I discovered, webpack can be used with zero config or configured literally in 8,675,309 ways, plus or minus a handful. And there about just as many blogs that cover all of the variations and flavors.

In this post, however, the goal is to highlight some tips & tricks along with features I’ve found to be particularly useful and reasons why you should be using webpack – if you haven’t already started…