Thoriq Firdaus — For years I’ve been looking for new tools, new material, and I’ve seen tools come and go. As a rule of thumb, there are a few decent new tools every week, but over the past few weeks I’ve noticed that the rate seems to be slowing down. I spent a little more time than usual on Github to discover great new, free tools and code.
In today’s article, I’ve listed some of the latest JavaScript frameworks, testing tools, and tool combinations for developing WordPress sites.
Kutt
It builds on top of modern stacks like Node.js, React, and Redux, and has other built-in features like password-protected urls, RESTful apis, and statistics for monitoring urls. The tool is completely free and you can host it on your own server.
WordHat
WordHat is a tool for integrating BeHat into WordPress. Behat is an open source behavior-driven development framework (BDD) for PHP that allows you to test your PHP applications in a more expressive way. You will find this tool very useful as it will make your WordPress themes and plug-ins more complex.
WP Browser
Similar to WordHat, Codeception is a specially designed plugin for WordPress applications, themes, and plug-ins. Codeception is a tool that performs tests on top of your application, similar to PHPUnit and Behat, but more powerful.
Node WP Internationalization
The tool’s name says it all: it’s a NodeJS module that automatically generates a lot of internationalized content for your theme or plug-in. Install this module and type wPI18n Makepot to generate translated text in your WordPress plugin and theme.
Thanks
This is also a NodeJS module found on Github. The Thanks tool helps open source software generate lists of software maintainers and link to their OpenCollective or donation pages as a token of appreciation for their community contributions.
Create Guten Block
This is an NPM module used to generate Gutenberg block development boards with modern stacks such as React, Webpack, Babel, and Sass. Simply type the command line create-guten-block to complete the setup.
WP Vue
WP Vue is a template built using Vue to display WordPress articles. If you want to make your WordPress site headless, this template is a good place to start.
Stimulus
This is a new JS framework from Basecamp. Unlike React and Vue, it doesn’t force you to use JS to rewrite entire applications or add composite properties.
StimulusJS can work with HTML with known data attributes. It does not require complex configuration. We can simply add scripts to web pages, just like we do with jQuery.
Manta
This is a free application for creating and managing invoices. You can add instructions, set currencies and discounts, add customers and customer lists, add logos, design invoice templates, and download them in PDF format. It is available for all three operating systems: macOS, Windows and Linux.
React Static
As the name suggests, the React Static industry lets you generate Static websites using React. It comes with a bunch of pre-configured tools, so you can just start making content.
Piklist
Piklist is a WordPress development tool that allows you to build complex websites using less WordPress code.
Strapi
This is a CMS framework for building content apis, which allows you to design your own content structures and apis, and provides a nice control panel to manage them. Strapi doesn’t come with a built-in templating system, however, so you can choose whichever front-end library you like, like React and Vue.
ParcelJS
ParcelJS is a packaging application very similar to Webpack and Browserify, except that it is faster and requires no configuration. It supports HTML, JS, CSS and PostCSS as well as Babel. It lets you focus more on the code itself, rather than wasting time on configuration.
GoodShare
This is a JS library for displaying and counting social media buttons. It supports many different social media, including Vkontakte, Odnoklassniki and SurfingBird, which you rarely hear of, and mainstream Skype, WhatsApp and Line.
CopyChar
This site allows you to find and copy various special characters to the clipboard. Letters, punctuation, mathematical symbols, even facial expressions.
Nerv
Neri is another reactive VertualDOM library that is an alternative to ReactJS.
HyperappJS
HyperappJS is a valuable JS library for building Web applications, which combines state management with virtual DOM engine.
VulcanJS
Vulcan is a collection of tools for building modern Web applications bundled with React, GraphQL, and Meteor. It is a full-stack framework that provides a full set of auxiliary program components for fine-tuning the front and back ends.
Koa11y
This is a desktop application for Windows, MacOS, and Linux that checks for accessibility issues on websites. Koa11y provides notifications and warnings to tell you if your site violates accessibility design standards.
TablePlus
This is a database management application with a very beautiful GUI. TablePlus supports a variety of database engines, including MySQL, SQLite, Redis, Postgres, MS SQL, and more. TablePlus is also available for Windows and macOS.
[Design trends of 2018, don’t miss a single one]
- 10 LOGO Design Trends to Watch out for in 2018
- The 21 Most Popular UI Design Trends of 2017
- Master these 12 Mobile UX Design Trends and You control 2018
- This unique purple is the Pantone Color of the Year to Guide your design in 2018
This article is originally translated by youset.com, please respect the copyright and translator’s achievements, please attach the youset.com link to transfer, violators will be corrected. Thank you for your cooperation.
================ Star recommended ================
UiiiUiii.com is a high-quality Chinese tutorial website of UIII.com, sharing a large number of PS, AE, AI, C4D and other Chinese tutorials, and also preparing intimate knowledge tree columns for zero-based design enthusiasts. Start a new chapter of free self-study and follow our step-by-step guide to get up to speed and create cool visuals.
Design navigation: the most popular design website navigation, designers must: hao.uisdc.com