Storybook with React

Storybook with React

Braden Niswonger Articles, Development Technologies & Tools, JavaScript, React, React Native Leave a Comment

In most React applications, there are many components working closely together to share and pass data between them. This can sometimes make it difficult to test components individually. Maybe you want to see how a component will react when given invalid data, or you want to test your component visually in different states. Storybook gives you a great way to do this in isolation, without worrying about the app-specific dependencies or requirements.

Storybook is an open-source tool for developing user interface components in isolation. In other words, it’s a playground for UI components. In this blog, we will dive into the basics of Storybook, write a Storybook for Material UI’s button component, and look at a couple of its add-ons.

A Look at Styled Components

A Look at Styled-Components

Nick Brown Articles, Development Technologies & Tools, JavaScript, React, React Native Leave a Comment

Attention: This article was published over 6 years ago, and the information provided may be aged or outdated. While some topics are evergreen, technology moves fast, so please keep that in mind as you read the post.The React framework’s component-based approach makes managing large projects simpler. By making it easier to break functionality down into logical pieces that are encapsulated, …

What's New in JDK 14

What’s New in JDK 14 and Beyond

Eric Solomon Articles, Development Technologies & Tools, Java Leave a Comment

Why should one care about new JDK releases? As most Java developers are acutely aware, most of the industry is still dominated by JDK 8, so the likelihood of being able to use these new features in the near feature is probably low. However, as the industry gradually shifts from JDK 8 to the latest LTS release and becomes more accustomed to the new, 6-month release cadence, we should start seeing faster adoption rates of new releases. 

As a result, the need to continually sharpen your sword and stay up to date will increase. Also, if you are wanting to help kickstart the shift beyond JDK 8 in your projects, knowing what value later versions bring and being able to incorporate them into your proposal can be extremely helpful in making your goal of using a newer version a reality. Besides those two reasons, it is also just plain exciting to see what the latest and greatest is and where the language is heading.

So without further ado, let’s take a look at three of the more significant enhancements that come with JDK 14: Records, NullPointExceptions, and instanceof. If you like, you can check out the full list here. We’ll also briefly discuss JDK 15 and its promised JEPs.

A Retrospective of React

A Reactrospective: A React Retrospective

James Bradley Angular, Articles, Development Technologies & Tools, HTML5, JavaScript, React Leave a Comment

Most, if not all, of my experience has been with .NET and .NET Core. I’ve also worked with most of the front-ends throughout history including Classic ASP, Code Behind, Model View Presenter, MVC, Backbone, and, over the last few years, Angular 1… Angular 6… not Angular 2…AngularJS. To me, AngularJS is that old t-shirt that you put on to sleep in; comfortable.

At first, most of us on the team were a bit apprehensive about moving to React. AngularJS was very familiar and Angular 2 seemed like the natural next step. I could learn TypeScript, and as primarily C#-based developer, I really liked the idea of a little typing. I like shiny new things, and I’m always game to learn, so challenge accepted. Since then I’ve had a hand in writing three applications in React and have learned more than a few lessons. These are their stories… dun dun.

Video source missing

Mockups with MockOla

Joe Sciara Articles, Design, Development Technologies & Tools, Keyhole Creations Leave a Comment

MockOla is a simple and diverse tool that has many use cases. In this post, we created a blog mockup by dragging and dropping widgets, customizing those widgets through the property pop-up, importing an image, and using the draw function to request feedback.  Finally, we saved and downloaded the image as a .png file.  

This mockup was finished in a couple of minutes. The best part of MockOla is it allows the user to have the ease of a lo-fi mockup, but the end result of a polished, professional-looking product.