How TypeScript Can Take Your React Development to the Next Level

Justin Hurt Articles, JavaScript, React, TypeScript Leave a Comment

No matter how much you love JavaScript, as with all languages, there are certain aspects of it that are bothersome and frustrating. The lack of strict typing of variables/objects and the mysterious reference errors that don’t present themselves until run-time are among the most common complaints about JavaScript. Luckily, TypeScript offers a solution, especially for React-based applications.

TypeScript alleviates these headaches for vanilla Javascript. When integrated with a JavaScript framework like React, web application development becomes much more consistent with a standard object-orientated language.

In this blog post, I will be giving you a high-level breakdown of what TypeScript is and how to use it with either a new or existing React application.

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, …

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.

Material UI with React

Placing React in Timeout with Material-UI

Peter Le Articles, Development Technologies & Tools, React, Tutorial Leave a Comment

As your application complexity increases, you may start thinking about implementing a session timeout in instances when there is no activity for a period of time. Whether you want a session timeout to increase your web app securities or to avoid unnecessary automatic API calls, it’s good to have some sort of idle check and log out built into your application.

Mock RESTful Server Fast with JSON Server

Mock RESTful Servers Fast With JSON Server

Haaris Chaudhry Articles, Development Technologies & Tools, Tutorial 2 Comments

As a frontend developer, have you ever found yourself in a situation where the backend didn’t have a RESTful API that you could call to test out your user interface? Have you ever wanted to prototype an idea and found yourself getting down in the weeds setting up RESTful routes in a mock backend server?

That’s where json-server comes to the rescue!

With json-server, you simply create a JSON file that follows json-server’s conventions, and you can have a mock RESTful server up in no time. This blog post will go over the features of json-server that I have found most useful as a frontend developer.