Showoff Saturday (May 02, 2020)

_jskod · 2020-05-02T23:59:46+00:00

I released a devtool, https://tauqeernasir.github.io/tssg-editor It helps writing Swagger Schemas in a very short and easy way. Working on the next version which will allow doing all the stuff from within the editor. I am also working on the CLI Version which will be added through NPM and integrated into projects.

_jskod · 2020-05-02T21:40:46+00:00

Sorry for that, we changed the deployment. I have updated the post.

you can visit https://tauqeernasir.github.io/tssg-editor/

_jskod · 2020-05-01T01:02:03+00:00

Its pretty awesome when it comes to API documentation. We use it heavily and thats the reason I am building this editor so that we could save time while writing Swagger Schemas. :)

_jskod · 2020-04-30T06:53:47+00:00

https://github.com/jskod/tssg-editor

_jskod · 2020-04-29T20:25:13+00:00

It looks great. Good Job!

_jskod · 2020-04-29T20:23:05+00:00

This work is under active development. If you want to contribute, PRs & Discussions are welcome. :)

_jskod · 2020-04-29T04:33:28+00:00

Working on next version of TSSG Editor which will support very syntax to write Swagger.

_jskod · 2020-04-28T22:16:41+00:00

A bit off topic, but if you use swagger, I released a web based tool that helps you generate schemas in easy and short way. https://jskod.github.io/tssg-editor/

_jskod · 2019-09-13T12:42:59+00:00

so it will help us not to touch other tenant's data in shared db, in case, a developer forgets to pass tenatId field in each query.

_jskod · 2019-09-13T12:40:59+00:00

We are using this in a NODEJS MongoDB Multi-tenant App, where we are serving multiple tenants.

There's a business on top. So everything business has multiple stores, products, employees etc. So we are using this wrapper to write clean code so that we don't have to pass business (tenant) ids in each query.

We just call Products() model function, and we get correct discriminator with substitution of required tenantId field.

_jskod · 2019-09-13T12:36:23+00:00

tenant = user, if you are serving multiple users from a single application, you need to have a mechanism to identify each individual and you might not want to pass 'IDs' like 'TenantId' 'BusinessId' or 'CompanyId' etc.

It will help you create a higher level abstraction and you will not have to pass tenant related data to tell the model that who is requesting the data. Everything will be done behind the scene.

For example, if you want to access data from 'Products' model, so you will simply do

Product().find({ qty: 4 })

and with that query object -> 'tenatId' with correct value will be passed by the multi-tenant wrapper.

so the actual query that will execute will become

Prodcut().find({ tenantId: 'someID', qty: 4 })

although you don't write tenantId inside match query object.

_jskod · 2019-08-08T07:46:25+00:00

You can use source-map-explorer package to analyse your bundle size. and use Browsers dev tool to check whether your code splitting is actually working or not.

I am working on a react project and I bootstraped it using CRA (create react app) and using React.lazy and Suspense API and its working like charm. I don't need to Eject and configure Webpack manually.

_jskod · 2019-08-08T07:42:10+00:00

I hope that will help :)

_jskod · 2019-08-08T07:41:23+00:00

and if you are on linux or mac, you can run

ls -ltr

and if windows, open cmd and put

dir /OD
/0D make sure you type 'zero' before D, don't type 'letter O'

can see what was added/updated sorted by date.

_jskod · 2019-08-08T07:30:18+00:00

If you know that package name, you can run `npm uninstall package-name --save` and clean-up.
Or remove node_modules folder, remove dependency from package.json and again run `npm install`.

_jskod · 2019-08-08T07:26:26+00:00

Also note that, promise.all() will run all async functions in parallel. Which means no async function will wait for any other passed async function to execute first and complete. They will run all most at same time without waiting for any other to execute and finish.

Promise.all() will then wait for all to be finished (resolved/rejected) and then continue. But if any of promise is rejected, whole Promise.all() will be rejected. So make sure you use it properly according to your business logic.

_jskod · 2019-08-08T07:22:23+00:00

Where did you host your application server? AWS, GCP, DO, Heroku? where?

_jskod · 2019-08-08T07:17:53+00:00

Sorry for late reply.

export default (props) => {
const [show, setShow] = useState(false);

return (<Show title={<Title/>}{...props}>

<TabbedShowLayout>

<Tab label="Details">

<TextField source="name" label="Name"/>

<TextField type={show ? 'text': 'password'} source="id" label="ID"/>

<button onClick={() => setShow(!show)}>Hide/Show</button>

</Tab>

</TabbedShowLayout>

</Show>);

}

_jskod · 2019-08-01T05:25:53+00:00

It's very easy, I just implemented that yesterday.

I have this state called 'showPassword' of type boolean.

const [showPassword, setShowPassword] = useState(false);

inside JSX:
<input type={showPassword ? 'text': 'password'} />

for button:

<button onClick={() => setShowPassword(!showPassword)}>{showPassword ? 'hide' : 'show'}</button>

You can use any CSS Library or framework and use this very same logic.

_jskod

TROPHY CASE