Tweet

Kingsley Ubah💥

8 Mar, 10 tweets, 3 min read

🔹Do you use React?

Here are 8 React libraries every developer should know.

P/S: If you find this helpful, kindly retweet.

Thread below 👇

1. MATERIAL UI

Material-UI ranks among the most popular React UI component libraries. The components rely on React, but use Google’s Material Design.

App bars, auto complete, badges, buttons, cards, dialog boxes, icons, menus, sliders and more.

👇

material-ui.com

2. REACT BOOTSTRAP

React Bootstrap, a UI kit that retains it’s Bootstrap core, it replaces Bootstrap’s JavaScript with React.

Developers can choose from the thousands of Bootstrap themes readily available.

react-bootstrap.github.io

3. REACT VIRTUALIZED

Building a frontend that’s data heavy? This includes numerous components for efficiently rendering large lists, tables and grids.

You can customize the tables by configuring the row heights, an display placeholders in the cells.

github.com/bvaughn/react-…

4. SEMANTIC-UI REACT

Semantic UI uses human-friendly HTML for it’s development framework, and has integrations with React, Angular, Meteor, Ember and many other frameworks.

More here 👇

react.semantic-ui.com

5. REACT DESKTOP

React Desktop uses macOS, Sierra and Windows 10 components with the aim of bringing a native desktop experience to the web.

This collection is a JavaScript library built on top of Facebook’s React library

reactdesktop.js.org

6. MATERIAL KIT REACT

Created with inspiration from Google’s Material Design, Material Kit React builds a set of elements that put consistency a the main feature.

That way, your web project retains a similarity in appearance and functions all through.

github.com/creativetimoff…

7. ANT DESIGN

This React UI library is a design system for enterprise-level products.

It contains a set of high quality components for building rich, interactive UIs.

Also include internationalization support for dozens of languages.

ant.design

8. REACT ADMIN

This library is suitable for building business-to-business (B2B) admin applications on top of REST/GraphQL APIs and is customizable by design.

marmelab.com/react-admin/Re…

@UbahTheBuilder

If you find this thread helpful, be sure to follow me @UbahTheBuilder for more tweets on web development.

What other libraries would you add?

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @UbahTheBuilder

Kingsley Ubah💥

@UbahTheBuilder

9 Mar

7 essential technical skills every software developer should have.

Thread below 👇

🔹OOP Language (C++, Java)

This is a programming paradigm that helps you model web entities after real life objects. Here you can specify properties and methods which controls how the elements looks and behaves.

It's also very powerful and allows you to virtually anything.

🔹DATABASES AND SQL

Data are stored in databases and SQL (Structured Query language) is the language used to manage relational "tabular" databases.

It is important you know SQL, along with a database like like Oracle ,
MySQL, Microsoft SQL Server, PostgreSQL

Read 9 tweets

Kingsley Ubah💥

@UbahTheBuilder

1 Mar

6 fundamental tools every developer must learn to use.

A thread ⬇️

🔹Text Editors

Every programmer should know one text editor pretty well. Software developers do a lot of text processing jobs and knowing a text editor will always help.

Example of this is NotePad, which is a very good, omnipresent, basic text editor.

🔹Integrated Development Environments

An Integrated Development Environment (IDE) is software that consolidates the basic tools needed for software testing and writing.

Some IDEs are very complex and can act as an environment for creating applications.

Read 8 tweets

Kingsley Ubah💥

@UbahTheBuilder

24 Feb

7 helpful tips for junior developers.

A short thread ⬇️

🔹START A SIDE PROJECTS

You may be busy with work, or school (or both). Whenever you have the time, engage in little projects that will hone your coding skills.

It doesn't have to be something big, you can make it as simple as possible.

🔹LEARN TO PROPERLY TEST YOUR CODE

There is nothing worst than writing a code ridden with bugs. Testing is one of the most important disciplines in programming, invest in it.

Learn about unit testing, UI testing, integration testing etc.

Read 9 tweets

Kingsley Ubah💥

@UbahTheBuilder

23 Feb

@code

🔹Do you use VSCode?

Here are 10 important VSCode (@code) extensions every developer should have installed

P/S: If you find this helpful, kindly retweet 🙏

A thread ⬇️

🔹Prettier Code Formatter

Prettier is an opinionated code formatted which is handy when it comes to code formatting.

Once you have this extension you will never have to worry about formatting the code because it does it for you.

marketplace.visualstudio.com/items?itemName…

🔹Debugger for Chrome

You can set breakpoints, step our way through the code, debug scripts added dynamically etc

Say we have a function which we are not sure if it’s being executed or not this extension can help by pausing in the debugger when executed

marketplace.visualstudio.com/items?itemName…

Read 13 tweets

Kingsley Ubah💥

@UbahTheBuilder

19 Feb

8 helpful tips for every newbie developer out there.

A must read thread ⬇️

🔹MASTER THE BASICS

This is very important. You may not know this, but most of the popular libraries/frameworks you see today are all built from an underlying fundamental language. Could be JavaScript, CSS or PHP. Grasp the basics properly.

THINK BEFORE YOU CODE

Before writing code for your application you need to imagine, in a step-by-step flow, how you want your app to run

Using a piece of paper close to your keyboard, draw graphs, concepts, images, etc.

Visualize your app and consider all you need to build it

Read 10 tweets

Kingsley Ubah💥

@UbahTheBuilder

18 Feb

8 JavaScript Libraries every developer should know.

A Thread ⬇️

🔹Lodash

Lodash is a JavaScript library which provides utility functions for common programming tasks.

Lodash contains tools to simplify programming with strings, numbers, arrays, functions and objects.

lodash.com

🔹SWFObject

This simple yet powerful JS library is mainly used to embed flash SWF files in HTML documents. It supports only SWF files, and no other media types can be embedded using SWFObject.

More here 👇

npmjs.com/package/swfobj…

Read 10 tweets

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!